diff --git a/docs-svelte-kit/build-system/build.ts b/docs-svelte-kit/build-system/build.ts
deleted file mode 100644
index c2ff84359..000000000
--- a/docs-svelte-kit/build-system/build.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import esbuild from 'esbuild';
-import path from 'path';
-import fs from 'fs';
-import { fileURLToPath } from 'url';
-
-const dirname = path.dirname(fileURLToPath(import.meta.url));
-
-build(path.join(dirname, '../node_modules/assert'), path.join(dirname, '../shim/assert.mjs'));
-
-/** build */
-function build(input: string, out: string, injects: string[] = []) {
-	// eslint-disable-next-line no-console -- ignore
-	console.log(`build@ ${input}`);
-	let code = bundle(input, ['path', ...injects]);
-	code = transform(code, ['path', ...injects]);
-	fs.writeFileSync(out, code, 'utf8');
-}
-
-/** bundle */
-function bundle(entryPoint: string, externals: string[]) {
-	const result = esbuild.buildSync({
-		entryPoints: [entryPoint],
-		format: 'esm',
-		bundle: true,
-		external: externals,
-		write: false,
-		inject: [path.join(dirname, './src/process-shim.mjs')]
-	});
-
-	return `${result.outputFiles[0].text}`;
-}
-
-/** transform code */
-function transform(code: string, injects: string[]) {
-	const newCode = code.replace(/"[a-z]+" = "[a-z]+";/, '');
-	// const newCode = babelCore.transformSync(code, {
-	//   babelrc: false,
-	//   plugins: [
-	//     {
-	//       visitor: {
-	//         CallExpression(path) {
-	//           const callee = path.get("callee")
-	//           if (
-	//             callee.type === "Identifier" &&
-	//             callee.node.name === "__require"
-	//           ) {
-	//             callee.replaceWith(t.identifier("__$$$require"))
-	//           }
-	//         },
-	//       },
-	//     },
-	//   ],
-	// })
-	return `
-${injects
-	.map((inject) => `import $inject_${inject.replace(/-/g, '_')}$ from '${inject}';`)
-	.join('\n')}
-const $_injects_$ = {${injects
-		.map((inject) => `${inject.replace(/-/g, '_')}:$inject_${inject}$`)
-		.join(',\n')}};
-function require(module, ...args) {
-  return $_injects_$[module] || {}
-}
-${newCode}
-`;
-}
diff --git a/docs-svelte-kit/build-system/src/process-shim.mjs b/docs-svelte-kit/build-system/src/process-shim.mjs
deleted file mode 100644
index a24e8cff2..000000000
--- a/docs-svelte-kit/build-system/src/process-shim.mjs
+++ /dev/null
@@ -1,8 +0,0 @@
-export let process = {
-	env: {},
-	cwd: () => '',
-	stdout: {}
-};
-if (typeof window !== 'undefined') {
-	window.process = process;
-}
diff --git a/docs-svelte-kit/package.json b/docs-svelte-kit/package.json
index 1e7e60790..179c9424a 100644
--- a/docs-svelte-kit/package.json
+++ b/docs-svelte-kit/package.json
@@ -16,6 +16,8 @@
     "@babel/types": "^7.25.8",
     "@fontsource/fira-mono": "^5.1.0",
     "@ota-meshi/eslint-plugin": "^0.17.5",
+    "@shikijs/markdown-it": "^1.24.0",
+    "@shikijs/twoslash": "^1.24.0",
     "@sindresorhus/slugify": "^2.2.1",
     "@sveltejs/adapter-static": "^3.0.5",
     "@sveltejs/kit": "^2.7.2",
@@ -56,9 +58,9 @@
     "stylus": "^0.64.0",
     "svelte": "^5.0.3",
     "svelte-adapter-ghpages": "0.2.2",
+    "twoslash-eslint": "^0.2.12",
     "util": "^0.12.5",
     "vite": "^6.0.0",
-    "vite-plugin-eslint4b": "^0.5.0",
     "vite-plugin-svelte-md": "^0.1.7"
   }
 }
diff --git a/docs-svelte-kit/shim/fs.mjs b/docs-svelte-kit/shim/fs.mjs
deleted file mode 100644
index 78a71c8db..000000000
--- a/docs-svelte-kit/shim/fs.mjs
+++ /dev/null
@@ -1,6 +0,0 @@
-function existsSync() {
-	return false;
-}
-
-export { existsSync };
-export default { existsSync };
diff --git a/docs-svelte-kit/shim/globby.mjs b/docs-svelte-kit/shim/globby.mjs
deleted file mode 100644
index 670c5431e..000000000
--- a/docs-svelte-kit/shim/globby.mjs
+++ /dev/null
@@ -1,2 +0,0 @@
-export {};
-export default {};
diff --git a/docs-svelte-kit/shim/module.mjs b/docs-svelte-kit/shim/module.mjs
deleted file mode 100644
index 9981ca9db..000000000
--- a/docs-svelte-kit/shim/module.mjs
+++ /dev/null
@@ -1,6 +0,0 @@
-function _createRequire() {
-	return () => null;
-}
-
-export { _createRequire as createRequire };
-export default { createRequire: _createRequire };
diff --git a/docs-svelte-kit/shim/os.mjs b/docs-svelte-kit/shim/os.mjs
deleted file mode 100644
index 535c3e75f..000000000
--- a/docs-svelte-kit/shim/os.mjs
+++ /dev/null
@@ -1,6 +0,0 @@
-function platform() {
-	return '';
-}
-
-export { platform };
-export default { platform };
diff --git a/docs-svelte-kit/shim/picocolors.mjs b/docs-svelte-kit/shim/picocolors.mjs
deleted file mode 100644
index 0547d6950..000000000
--- a/docs-svelte-kit/shim/picocolors.mjs
+++ /dev/null
@@ -1,4 +0,0 @@
-export function createColors() {
-	return {};
-}
-export default { createColors };
diff --git a/docs-svelte-kit/shim/postcss-load-config.mjs b/docs-svelte-kit/shim/postcss-load-config.mjs
deleted file mode 100644
index a03070451..000000000
--- a/docs-svelte-kit/shim/postcss-load-config.mjs
+++ /dev/null
@@ -1,16 +0,0 @@
-import nested from 'postcss-nested';
-
-function loadConfig() {
-	// noop
-}
-
-export function sync(options) {
-	return {
-		plugins: [nested],
-		options
-	};
-}
-
-loadConfig.sync = sync;
-
-export default loadConfig;
diff --git a/docs-svelte-kit/shim/source-map-js.mjs b/docs-svelte-kit/shim/source-map-js.mjs
deleted file mode 100644
index 4bdafa563..000000000
--- a/docs-svelte-kit/shim/source-map-js.mjs
+++ /dev/null
@@ -1,4 +0,0 @@
-import { SourceMapGenerator } from '../node_modules/source-map-js/lib/source-map-generator.js';
-import { SourceMapConsumer } from '../node_modules/source-map-js/lib/source-map-consumer.js';
-export { SourceMapGenerator, SourceMapConsumer };
-export default { SourceMapGenerator, SourceMapConsumer };
diff --git a/docs-svelte-kit/shim/url.mjs b/docs-svelte-kit/shim/url.mjs
deleted file mode 100644
index ba848d8bd..000000000
--- a/docs-svelte-kit/shim/url.mjs
+++ /dev/null
@@ -1,6 +0,0 @@
-function fileURLToPath(p) {
-	return p;
-}
-
-export { fileURLToPath };
-export default { fileURLToPath };
diff --git a/docs-svelte-kit/src/lib/components/ESLintCodeBlock.svelte b/docs-svelte-kit/src/lib/components/ESLintCodeBlock.svelte
deleted file mode 100644
index 72d0e18c8..000000000
--- a/docs-svelte-kit/src/lib/components/ESLintCodeBlock.svelte
+++ /dev/null
@@ -1,101 +0,0 @@
-<script>
-	import { onMount } from 'svelte';
-	import ESLintEditor from '../eslint/ESLintEditor.svelte';
-	import { preprocess, postprocess, createLinterConfig } from '../eslint/scripts/linter.js';
-	import { loadTsParser } from '../eslint/scripts/ts-parser.js';
-	import { loadModulesForBrowser } from '../../../../packages/eslint-plugin-svelte/src/utils/load-module.ts';
-	import { Linter } from 'eslint';
-	import globals from 'globals';
-
-	const modulesForBrowser = loadModulesForBrowser();
-
-	let tsParser = null;
-
-	let code = '';
-	export let config = {};
-	export let rules = {};
-	export let fix = false;
-	export let language = 'svelte';
-	let time = '';
-	$: options = {
-		filename: language === 'svelte' ? 'example.svelte' : 'example.js',
-		preprocess,
-		postprocess
-	};
-	$: hasLangTs = /lang\s*=\s*(?:"ts"|ts|'ts'|"typescript"|typescript|'typescript')/u.test(code);
-	$: linter = modulesForBrowser.then(
-		hasLangTs && !tsParser
-			? async () => {
-					tsParser = await loadTsParser();
-					return new Linter();
-				}
-			: () => new Linter()
-	);
-	let showDiff = fix;
-
-	function onLintedResult(evt) {
-		time = `${evt.detail.time}ms`;
-	}
-
-	let slotRoot;
-	onMount(() => {
-		code = slotRoot.textContent.trim();
-	});
-	$: blockHeight = `${Math.max(120, 20 * (1 + code.split('\n').length) + 100)}px`;
-</script>
-
-<div class="eslint-code-block-default-content" bind:this={slotRoot}>
-	<slot />
-</div>
-
-<div class="eslint-code-block-root" style:height={blockHeight}>
-	<ESLintEditor
-		{linter}
-		bind:code
-		config={[
-			...createLinterConfig(),
-			{
-				files: ['**'],
-				languageOptions: {
-					parserOptions: {
-						parser: {
-							ts: tsParser,
-							typescript: tsParser
-						}
-					},
-					globals: {
-						...globals.browser,
-						...globals.es2021
-					}
-				},
-				rules,
-				...config
-			}
-		]}
-		{language}
-		{options}
-		on:result={onLintedResult}
-		showDiff={showDiff && fix}
-	/>
-	<div class="eslint-code-block-tools">
-		{#if fix}
-			<label>
-				<input bind:checked={showDiff} type="checkbox" />
-				Show Diff
-			</label>
-		{/if}
-		<span style:margin-left="16px">{time}</span>
-	</div>
-</div>
-
-<style>
-	.eslint-code-block-default-content {
-		display: none;
-	}
-	.eslint-code-block-root {
-		height: 300px;
-	}
-	.eslint-code-block-tools {
-		text-align: end;
-	}
-</style>
diff --git a/docs-svelte-kit/src/lib/eslint/ESLintEditor.svelte b/docs-svelte-kit/src/lib/eslint/ESLintEditor.svelte
deleted file mode 100644
index cae68ed39..000000000
--- a/docs-svelte-kit/src/lib/eslint/ESLintEditor.svelte
+++ /dev/null
@@ -1,259 +0,0 @@
-<script>
-	import MonacoEditor from './MonacoEditor.svelte';
-	import { rulesMap } from './scripts/linter';
-	import { loadMonacoEditor } from './scripts/monaco-loader';
-	import { createEventDispatcher, onMount } from 'svelte';
-
-	const dispatch = createEventDispatcher();
-
-	export let linter = null;
-	export let code = '';
-	export let config = {};
-	export let options = {};
-	export let fix = true;
-	export let showDiff = true;
-	export let language = 'svelte';
-
-	let fixedValue = code;
-	let leftMarkers = [];
-	let rightMarkers = [];
-
-	let messageMap = new Map();
-	let editor;
-
-	export function setCursorPosition(loc) {
-		if (editor) {
-			editor.setCursorPosition(loc);
-		}
-	}
-
-	$: showApplyFix = fix && fixedValue !== code;
-	$: {
-		lint(linter, code, config, options);
-	}
-
-	onMount(() => {
-		lint(linter, code, config, options);
-	});
-
-	let lastResult = {};
-
-	async function lint(linter, code, config, options) {
-		messageMap.clear();
-		/* eslint-disable no-param-reassign -- ignore */
-		linter = await linter;
-		if (!linter) {
-			return;
-		}
-		code = await code;
-		config = await config;
-		options = await options;
-		/* eslint-enable no-param-reassign -- ignore */
-
-		const start = Date.now();
-		const messages = linter.verify(code, config, options);
-		const time = Date.now() - start;
-
-		dispatch('time', time);
-
-		const fixResult = linter.verifyAndFix(code, config, options);
-		fixedValue = fixResult.output;
-
-		dispatch('result', {
-			messages,
-			time,
-			output: fixResult.output,
-			fixedMessages: fixResult.messages
-		});
-
-		lastResult = { messages, fixResult };
-
-		const markers = await Promise.all(messages.map((m) => messageToMarker(m, messageMap)));
-		const fixedMarkers = await Promise.all(fixResult.messages.map((m) => messageToMarker(m)));
-		if (lastResult.messages !== messages || lastResult.fixResult !== fixResult) {
-			// If the result has changed, don't update the markers
-			return;
-		}
-		leftMarkers = markers;
-		rightMarkers = fixedMarkers;
-	}
-
-	function applyFix() {
-		code = fixedValue;
-	}
-	/** message to marker */
-	async function messageToMarker(message, messageMap) {
-		const monaco = await loadMonacoEditor();
-		const rule = message.ruleId && rulesMap().get(message.ruleId);
-		const docUrl = rule && rule.meta && rule.meta.docs && rule.meta.docs.url;
-		const startLineNumber = ensurePositiveInt(message.line, 1);
-		const startColumn = ensurePositiveInt(message.column, 1);
-		const endLineNumber = ensurePositiveInt(message.endLine, startLineNumber);
-		const endColumn = ensurePositiveInt(message.endColumn, startColumn + 1);
-		const code = docUrl
-			? { value: message.ruleId, link: docUrl, target: docUrl }
-			: message.ruleId || 'FATAL';
-		const marker = {
-			code,
-			severity: monaco.MarkerSeverity.Error,
-			source: 'ESLint',
-			message: message.message,
-			startLineNumber,
-			startColumn,
-			endLineNumber,
-			endColumn
-		};
-		if (messageMap) {
-			messageMap.set(computeKey(marker), message);
-		}
-		return marker;
-	}
-
-	/**
-	 * Ensure that a given value is a positive value.
-	 * @param {number|undefined} value The value to check.
-	 * @param {number} defaultValue The default value which is used if the `value` is undefined.
-	 * @returns {number} The positive value as the result.
-	 */
-	function ensurePositiveInt(value, defaultValue) {
-		return Math.max(1, (value !== undefined ? value : defaultValue) | 0);
-	}
-
-	function provideCodeActions(model, _range, context) {
-		if (context.only !== 'quickfix') {
-			return {
-				actions: [],
-				dispose() {
-					/* nop */
-				}
-			};
-		}
-
-		const actions = [];
-		for (const marker of context.markers) {
-			const message = messageMap.get(computeKey(marker));
-			if (!message) {
-				continue;
-			}
-			if (message.fix) {
-				actions.push(
-					createQuickfixCodeAction(`Fix this ${message.ruleId} problem`, marker, model, message.fix)
-				);
-			}
-			if (message.suggestions) {
-				for (const suggestion of message.suggestions) {
-					actions.push(
-						createQuickfixCodeAction(
-							`${suggestion.desc} (${message.ruleId})`,
-							marker,
-							model,
-							suggestion.fix
-						)
-					);
-				}
-			}
-		}
-
-		return {
-			actions,
-			dispose() {
-				/* nop */
-			}
-		};
-	}
-
-	/**
-	 * Computes the key string from the given marker.
-	 * @param {import('monaco-editor').editor.IMarkerData} marker marker
-	 * @returns {string} the key string
-	 */
-	function computeKey(marker) {
-		const code =
-			(typeof marker.code === 'string' ? marker.code : marker.code && marker.code.value) || '';
-		return `[${marker.startLineNumber},${marker.startColumn},${marker.endLineNumber},${marker.endColumn}]-${code}`;
-	}
-	/**
-	 * Create quickfix code action.
-	 * @param {string} title title
-	 * @param {import('monaco-editor').editor.IMarkerData} marker marker
-	 * @param {import('monaco-editor').editor.ITextModel} model model
-	 * @param { { range: [number, number], text: string } } fix fix data
-	 * @returns {import('monaco-editor').languages.CodeAction} CodeAction
-	 */
-	function createQuickfixCodeAction(title, marker, model, fix) {
-		const start = model.getPositionAt(fix.range[0]);
-		const end = model.getPositionAt(fix.range[1]);
-		/**
-		 * @type {import('monaco-editor').IRange}
-		 */
-		const editRange = {
-			startLineNumber: start.lineNumber,
-			startColumn: start.column,
-			endLineNumber: end.lineNumber,
-			endColumn: end.column
-		};
-		return {
-			title,
-			diagnostics: [marker],
-			kind: 'quickfix',
-			edit: {
-				edits: [
-					{
-						resource: model.uri,
-						textEdit: {
-							range: editRange,
-							text: fix.text
-						},
-						versionId: model.getVersionId()
-					}
-				]
-			}
-		};
-	}
-</script>
-
-<div class="eslint-editor">
-	<MonacoEditor
-		bind:this={editor}
-		bind:code
-		bind:rightCode={fixedValue}
-		{language}
-		diffEditor={fix && showDiff}
-		markers={leftMarkers}
-		{rightMarkers}
-		{provideCodeActions}
-	/>
-	<div class="eslint-editor__tools">
-		{#if showApplyFix}
-			<button on:click={applyFix} type="button">Apply Fix</button>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.eslint-editor {
-		height: 100%;
-		position: relative;
-	}
-	.eslint-editor__tools {
-		display: flex;
-		height: 42px;
-		position: absolute;
-		right: 16px;
-		bottom: 16px;
-		padding: 8px;
-	}
-	.eslint-editor__tools > button {
-		cursor: pointer;
-		background-color: transparent;
-		color: #ddd;
-		border: solid #ddd 1px;
-		border-radius: 4px;
-		outline: none;
-		padding: 0 16px;
-		appearance: none;
-	}
-	.eslint-editor__tools > button:hover {
-		background-color: rgba(255, 255, 255, 0.2);
-	}
-</style>
diff --git a/docs-svelte-kit/src/lib/eslint/MonacoEditor.svelte b/docs-svelte-kit/src/lib/eslint/MonacoEditor.svelte
deleted file mode 100644
index 34b3ae02b..000000000
--- a/docs-svelte-kit/src/lib/eslint/MonacoEditor.svelte
+++ /dev/null
@@ -1,278 +0,0 @@
-<script module>
-	const appStarting = new Promise((resolve) => setTimeout(resolve, 300));
-</script>
-
-<script>
-	import { onDestroy, onMount, createEventDispatcher } from 'svelte';
-
-	const dispatch = createEventDispatcher();
-
-	import { loadMonacoEditor } from './scripts/monaco-loader';
-	export let code = '';
-	export let rightCode = '';
-	export let language = 'javascript';
-	export let readOnly = false;
-	export let diffEditor = false;
-	export let markers = [];
-	export let rightMarkers = [];
-	export let provideCodeActions = null;
-
-	export let waiting = null;
-	let rootElement,
-		editor,
-		setLeftValue,
-		setRightValue,
-		setLeftMarkers,
-		setRightMarkers,
-		getLeftEditor,
-		codeActionProviderDisposable;
-	const loadingMonaco = loadMonacoEditor();
-	const starting = appStarting;
-
-	$: loading = Promise.all([waiting, loadingMonaco, starting]);
-	$: {
-		if (setLeftValue) {
-			setLeftValue(code);
-		}
-	}
-	$: {
-		if (setRightValue) {
-			setRightValue(rightCode);
-		}
-	}
-	$: {
-		if (setLeftMarkers) {
-			setLeftMarkers(markers);
-		}
-	}
-	$: {
-		if (setRightMarkers) {
-			setRightMarkers(rightMarkers);
-		}
-	}
-	$: {
-		disposeCodeActionProvider();
-		if (provideCodeActions) {
-			loadingMonaco.then((monaco) => {
-				codeActionProviderDisposable = monaco.languages.registerCodeActionProvider(language, {
-					provideCodeActions(model, range, context) {
-						const editor = getLeftEditor?.();
-						if (editor?.getModel().uri !== model.uri) {
-							return {
-								actions: [],
-								dispose() {
-									/* nop */
-								}
-							};
-						}
-						return provideCodeActions(model, range, context);
-					}
-				});
-			});
-		}
-	}
-
-	let started = false;
-	$: if (started) {
-		destroy();
-		setup(diffEditor);
-	}
-
-	async function setup(diffEditor) {
-		await loading;
-		const monaco = await loadingMonaco;
-		const options = {
-			value: code,
-			readOnly,
-			theme: 'vs-dark',
-			language,
-			automaticLayout: true,
-			fontSize: 14,
-			fontFamily:
-				'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
-			minimap: {
-				enabled: false
-			},
-			renderControlCharacters: true,
-			renderIndentGuides: true,
-			renderValidationDecorations: 'on',
-			renderWhitespace: 'boundary',
-			scrollBeyondLastLine: false,
-			scrollbar: { alwaysConsumeMouseWheel: false }
-		};
-
-		if (diffEditor) {
-			editor = monaco.editor.createDiffEditor(rootElement, {
-				originalEditable: true,
-				...options
-			});
-			const original = monaco.editor.createModel(code, language);
-			const modified = monaco.editor.createModel(rightCode, language);
-			const leftEditor = editor.getOriginalEditor();
-			const rightEditor = editor.getModifiedEditor();
-			rightEditor.updateOptions({ readOnly: true });
-			editor.setModel({ original, modified });
-			original.onDidChangeContent(() => {
-				const value = original.getValue();
-				code = value;
-			});
-
-			setLeftValue = (code) => {
-				const value = original.getValue();
-				if (code !== value) {
-					original.setValue(code);
-				}
-			};
-			setRightValue = (code) => {
-				const value = modified.getValue();
-				if (code !== value) {
-					modified.setValue(code);
-				}
-			};
-			setLeftMarkers = (markers) => {
-				updateMarkers(leftEditor, markers);
-			};
-			setRightMarkers = (markers) => {
-				updateMarkers(rightEditor, markers);
-			};
-			getLeftEditor = () => leftEditor;
-
-			setLeftMarkers(markers);
-			setRightMarkers(rightMarkers);
-		} else {
-			editor = monaco.editor.create(rootElement, options);
-			editor.onDidChangeModelContent(() => {
-				const value = editor.getValue();
-				code = value;
-			});
-			editor.onDidChangeCursorPosition((evt) => {
-				dispatch('changeCursorPosition', evt);
-			});
-			editor.onDidFocusEditorText((evt) => {
-				dispatch('focusEditorText', evt);
-			});
-			setLeftValue = (code) => {
-				const value = editor.getValue();
-				if (code !== value) {
-					editor.setValue(code);
-				}
-			};
-			setRightValue = () => {
-				/* noop */
-			};
-			setLeftMarkers = (markers) => {
-				updateMarkers(editor, markers);
-			};
-			setRightMarkers = () => {
-				/* noop */
-			};
-			getLeftEditor = () => editor;
-
-			setLeftMarkers(markers);
-		}
-	}
-
-	function destroy() {
-		disposeCodeActionProvider();
-		dispose(editor);
-		// rootElement.innerHTML = ""
-		editor = null;
-	}
-
-	onMount(() => {
-		started = true;
-	});
-	onDestroy(() => {
-		destroy();
-	});
-
-	export function setCursorPosition(loc) {
-		if (editor) {
-			const leftEditor = diffEditor ? editor?.getOriginalEditor() : editor;
-			leftEditor.setSelection({
-				startLineNumber: loc.start.line,
-				startColumn: loc.start.column,
-				endLineNumber: loc.end.line,
-				endColumn: loc.end.column
-			});
-			leftEditor.revealLineInCenter(loc.start.line);
-		}
-	}
-	async function updateMarkers(editor, markers) {
-		const monaco = await loadingMonaco;
-		const model = editor.getModel();
-		const id = editor.getId();
-		monaco.editor.setModelMarkers(model, id, JSON.parse(JSON.stringify(markers)));
-	}
-
-	/**
-	 * Dispose.
-	 * @param {any} x The target object.
-	 * @returns {void}
-	 */
-	function dispose(x) {
-		if (x == null) {
-			return;
-		}
-		if (x.getOriginalEditor) {
-			dispose(x.getOriginalEditor());
-		}
-		if (x.getModifiedEditor) {
-			dispose(x.getModifiedEditor());
-		}
-		if (x.getModel) {
-			dispose(x.getModel());
-		}
-		if (x.dispose) {
-			x.dispose();
-		}
-	}
-
-	function disposeCodeActionProvider() {
-		if (codeActionProviderDisposable) {
-			codeActionProviderDisposable.dispose();
-		}
-	}
-
-	function loadingTypewriter(node) {
-		const text = 'Loading...';
-		const duration = 300;
-
-		return {
-			duration,
-			tick: (t) => {
-				const i = ~~(text.length * t);
-				node.textContent = text.slice(0, i);
-			}
-		};
-	}
-</script>
-
-{#await loading}
-	{#if started}
-		<div
-			class="eslint-editor-monaco-root eslint-editor-monaco-root--wait"
-			in:loadingTypewriter
-		></div>
-	{/if}
-{:then}
-	<div bind:this={rootElement} class="eslint-editor-monaco-root"></div>
-{/await}
-
-<style>
-	.eslint-editor-monaco-root {
-		width: 100%;
-		height: 100%;
-	}
-
-	.eslint-editor-monaco-root--wait {
-		color: #9cdcfe;
-		border: 1px solid #cfd4db;
-		background-color: #282c34;
-		font-family: Menlo, Monaco, 'Courier New', monospace;
-		font-size: 14px;
-		line-height: 21px;
-		padding-left: 52px;
-		box-sizing: border-box;
-	}
-</style>
diff --git a/docs-svelte-kit/src/lib/eslint/scripts/linter.js b/docs-svelte-kit/src/lib/eslint/scripts/linter.js
deleted file mode 100644
index 6f8d92013..000000000
--- a/docs-svelte-kit/src/lib/eslint/scripts/linter.js
+++ /dev/null
@@ -1,151 +0,0 @@
-import { rules as pluginRules } from '../../../../../packages/eslint-plugin-svelte/src/utils/rules.ts';
-import { builtinRules } from 'eslint/use-at-your-own-risk';
-import * as svelteEslintParser from 'svelte-eslint-parser';
-
-export {
-	preprocess,
-	postprocess
-} from '../../../../../packages/eslint-plugin-svelte/src/processor/index.ts';
-
-export const categories = [
-	{
-		title: 'Possible Errors',
-		classes: 'svelte-category',
-		rules: []
-	},
-	{
-		title: 'Security Vulnerability',
-		classes: 'svelte-category',
-		rules: []
-	},
-	{
-		title: 'Best Practices',
-		classes: 'svelte-category',
-		rules: []
-	},
-	{
-		title: 'Stylistic Issues',
-		classes: 'svelte-category',
-		rules: []
-	},
-	{
-		title: 'Extension Rules',
-		classes: 'svelte-category',
-		rules: []
-	},
-	{
-		title: 'SvelteKit',
-		classes: 'svelte-category',
-		rules: []
-	},
-	{
-		title: 'Experimental',
-		classes: 'svelte-category',
-		rules: []
-	},
-	{
-		title: 'System',
-		classes: 'svelte-category',
-		rules: []
-	},
-	{
-		type: 'problem',
-		title: 'Possible Errors (CORE)',
-		classes: 'core-category',
-		rules: []
-	},
-	{
-		type: 'suggestion',
-		title: 'Suggestions (CORE)',
-		classes: 'core-category',
-		rules: []
-	},
-	{
-		type: 'layout',
-		title: 'Layout & Formatting (CORE)',
-		classes: 'core-category',
-		rules: []
-	}
-];
-export const DEFAULT_RULES_CONFIG = {};
-
-const rules = [];
-for (const rule of pluginRules) {
-	if (rule.meta.deprecated) {
-		continue;
-	}
-	const data = {
-		ruleId: rule.meta.docs.ruleId,
-		rule,
-		classes: 'svelte-rule',
-		url: rule.meta.docs.url
-	};
-	rules.push(data);
-	const category = rule.meta.docs.category;
-	categories.find((c) => c.title === category).rules.push(data);
-
-	if (
-		rule.meta.docs.ruleId !== 'svelte/no-export-load-in-svelte-module-in-kit-pages' &&
-		rule.meta.docs.ruleId !== 'svelte/valid-prop-names-in-kit-pages' &&
-		rule.meta.docs.ruleId !== 'svelte/no-restricted-html-elements'
-	) {
-		DEFAULT_RULES_CONFIG[rule.meta.docs.ruleId] = 'error';
-	}
-}
-
-for (const [ruleId, rule] of builtinRules) {
-	if (rule.meta.deprecated) {
-		continue;
-	}
-	const data = {
-		ruleId,
-		rule,
-		classes: 'core-rule',
-		url: rule.meta.docs.url
-	};
-	rules.push(data);
-	const type = rule.meta.type;
-	categories.find((c) => c.type === type).rules.push(data);
-
-	if (rule.meta.docs.recommended && ruleId !== 'no-inner-declarations') {
-		DEFAULT_RULES_CONFIG[ruleId] = 'error';
-	}
-}
-
-/** Get rule data */
-export function getRule(ruleId) {
-	for (const cat of categories) {
-		for (const rule of cat.rules) {
-			if (rule.ruleId === ruleId) {
-				return rule;
-			}
-		}
-	}
-	return '';
-}
-
-/**
- * @returns {import('eslint').Linter.Config[]}
- */
-export function createLinterConfig() {
-	return [
-		{
-			files: ['**'],
-			plugins: {
-				svelte: {
-					rules: Object.fromEntries(pluginRules.map((rule) => [rule.meta.docs.ruleName, rule]))
-				}
-			}
-		},
-		{
-			files: ['**/*.svelte', '*.svelte'],
-			languageOptions: {
-				parser: svelteEslintParser
-			}
-		}
-	];
-}
-
-export function rulesMap() {
-	return new Map([...builtinRules, ...pluginRules.map((rule) => [rule.meta.docs.ruleId, rule])]);
-}
diff --git a/docs-svelte-kit/src/lib/eslint/scripts/monaco-loader.js b/docs-svelte-kit/src/lib/eslint/scripts/monaco-loader.js
deleted file mode 100644
index cd1e85ed3..000000000
--- a/docs-svelte-kit/src/lib/eslint/scripts/monaco-loader.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import { language } from './syntax.js';
-
-async function setupMonaco() {
-	if (typeof window !== 'undefined') {
-		const monacoScript =
-			Array.from(document.head.querySelectorAll('script')).find(
-				(script) => script.src && script.src.includes('monaco') && script.src.includes('vs/loader')
-			) || (await appendMonacoEditorScript());
-		window.require.config({
-			paths: {
-				vs: monacoScript.src.replace(/\/vs\/.*$/u, '/vs')
-			}
-		});
-	}
-}
-
-function appendMonacoEditorScript() {
-	return new Promise((resolve) => {
-		const script = document.createElement('script');
-		script.src = 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.0/min/vs/loader.min.js';
-		script.onload = () => {
-			script.onload = null;
-
-			watch();
-
-			function watch() {
-				if (window.require) {
-					resolve(script);
-					return;
-				}
-				setTimeout(watch, 200);
-			}
-		};
-		document.head.append(script);
-	});
-}
-
-let setupedMonaco = null;
-let editorLoaded = null;
-
-export function loadMonacoEngine() {
-	return setupedMonaco || (setupedMonaco = setupMonaco());
-}
-export function loadMonacoEditor() {
-	if (editorLoaded) {
-		return editorLoaded;
-	}
-	return (editorLoaded = (async () => {
-		const monaco = await loadModuleFromMonaco('vs/editor/editor.main');
-
-		monaco.languages.register({ id: 'svelte' });
-		monaco.languages.setMonarchTokensProvider('svelte', language);
-		return monaco;
-	})());
-}
-
-export async function loadModuleFromMonaco(moduleName) {
-	await loadMonacoEngine();
-	return new Promise((resolve) => {
-		if (typeof window !== 'undefined') {
-			window.require([moduleName], (r) => {
-				resolve(r);
-			});
-		}
-	});
-}
diff --git a/docs-svelte-kit/src/lib/eslint/scripts/syntax.js b/docs-svelte-kit/src/lib/eslint/scripts/syntax.js
deleted file mode 100644
index cc23d2f39..000000000
--- a/docs-svelte-kit/src/lib/eslint/scripts/syntax.js
+++ /dev/null
@@ -1,294 +0,0 @@
-export const language = {
-	defaultToken: '',
-	tokenPostfix: '.html',
-	ignoreCase: true,
-
-	// The main tokenizer for our languages
-	tokenizer: {
-		root: [
-			[/<!DOCTYPE/, 'metatag', '@doctype'],
-			[/<!--/, 'comment', '@comment'],
-			[/\{/, 'delimiter', '@svelteMustache'],
-			[/(<)((?:[\w-]+:)?[\w-]+)(\s*)(\/>)/, ['delimiter', 'tag', '', 'delimiter']],
-			[/(<)(script)/, ['delimiter', { token: 'tag', next: '@script' }]],
-			[/(<)(style)/, ['delimiter', { token: 'tag', next: '@style' }]],
-			[/(<)((?:[\w-]+:)?[\w-]+)/, ['delimiter', { token: 'tag', next: '@otherTag' }]],
-			[/(<\/)((?:[\w-]+:)?[\w-]+)/, ['delimiter', { token: 'tag', next: '@otherTag' }]],
-			[/</, 'delimiter'],
-			[/[^<{]+/] // text
-		],
-
-		svelteMustache: [
-			[/[\t\n\r ]+/], // whitespace
-			[/(:)(else if)/, ['delimiter.svelte', 'keyword.flow']],
-			[/([#/:@])([^\s}]+)/, ['delimiter.svelte', 'keyword.flow']],
-			[/\}/, 'delimiter', '@pop'],
-			[/\{/, 'delimiter.bracket', '@svelteMustacheInBrackets'],
-			[
-				/[^{}]/,
-				{
-					token: '@rematch',
-					next: '@svelteScriptEmbedded',
-					nextEmbedded: 'text/javascript'
-				}
-			]
-		],
-		svelteMustacheInBrackets: [
-			[/\}/, 'delimiter.bracket', '@pop'],
-			[/\{/, 'delimiter.bracket', '@push'],
-			[
-				/[^{}]/,
-				{
-					token: '@rematch',
-					next: '@svelteScriptEmbedded',
-					nextEmbedded: 'text/javascript'
-				}
-			]
-		],
-		svelteScriptEmbedded: [
-			[
-				/[{}]/,
-				{
-					token: '@rematch',
-					next: '@pop',
-					nextEmbedded: '@pop'
-				}
-			],
-			[/[^{}]+/]
-		],
-
-		doctype: [
-			[/[^>]+/, 'metatag.content'],
-			[/>/, 'metatag', '@pop']
-		],
-
-		comment: [
-			[/-->/, 'comment', '@pop'],
-			[/[^-]+/, 'comment.content'],
-			[/./, 'comment.content']
-		],
-
-		otherTag: [
-			[/\/?>/, 'delimiter', '@pop'],
-			[
-				/([=])(["'])/,
-				[
-					'delimiter',
-					{
-						token: 'attribute.value',
-						next: '@attributeValue.$2'
-					}
-				]
-			],
-			[
-				/([=])(\s+)(["'])/,
-				[
-					'delimiter',
-					'',
-					{
-						token: 'attribute.value',
-						next: '@attributeValue.$3'
-					}
-				]
-			],
-			[/[=]\s*\{/, 'delimiter', '@svelteMustache'],
-			[/"([^"]*)"/, 'attribute.value'],
-			[/'([^']*)'/, 'attribute.value'],
-			[/(\w+)(:)([\w-]+)/, ['keyword.flow', 'delimiter.svelte', 'attribute.name']],
-			[/[\w-]+/, 'attribute.name'],
-			[/[=]/, 'delimiter'],
-			[/[\t\n\r ]+/] // whitespace
-		],
-
-		attributeValue: [
-			[
-				/[\s\S]/,
-				{
-					cases: {
-						'$0==$S2': { token: 'attribute.value', next: '@pop' },
-						'$0=={': { token: 'delimiter', next: '@svelteMustache' },
-						'@default': { token: 'attribute.value' }
-					}
-				}
-			]
-		],
-
-		// -- BEGIN <script> tags handling
-
-		// After <script
-		script: [
-			[/type/, 'attribute.name', '@scriptAfterType'],
-			[/"([^"]*)"/, 'attribute.value'],
-			[/'([^']*)'/, 'attribute.value'],
-			[/[\w-]+/, 'attribute.name'],
-			[/[=]/, 'delimiter'],
-			[
-				/>/,
-				{
-					token: 'delimiter',
-					next: '@scriptEmbedded',
-					nextEmbedded: 'text/javascript'
-				}
-			],
-			[/[\t\n\r ]+/], // whitespace
-			[/(<\/)(script\s*)(>)/, ['delimiter', 'tag', { token: 'delimiter', next: '@pop' }]]
-		],
-
-		// After <script ... type
-		scriptAfterType: [
-			[/[=]/, 'delimiter', '@scriptAfterTypeEquals'],
-			[
-				/>/,
-				{
-					token: 'delimiter',
-					next: '@scriptEmbedded',
-					nextEmbedded: 'text/javascript'
-				}
-			], // cover invalid e.g. <script type>
-			[/[\t\n\r ]+/], // whitespace
-			[/<\/script\s*>/, { token: '@rematch', next: '@pop' }]
-		],
-
-		// After <script ... type =
-		scriptAfterTypeEquals: [
-			[
-				/"([^"]*)"/,
-				{
-					token: 'attribute.value',
-					switchTo: '@scriptWithCustomType.$1'
-				}
-			],
-			[
-				/'([^']*)'/,
-				{
-					token: 'attribute.value',
-					switchTo: '@scriptWithCustomType.$1'
-				}
-			],
-			[
-				/>/,
-				{
-					token: 'delimiter',
-					next: '@scriptEmbedded',
-					nextEmbedded: 'text/javascript'
-				}
-			], // cover invalid e.g. <script type=>
-			[/[\t\n\r ]+/], // whitespace
-			[/<\/script\s*>/, { token: '@rematch', next: '@pop' }]
-		],
-
-		// After <script ... type = $S2
-		scriptWithCustomType: [
-			[
-				/>/,
-				{
-					token: 'delimiter',
-					next: '@scriptEmbedded.$S2',
-					nextEmbedded: '$S2'
-				}
-			],
-			[/"([^"]*)"/, 'attribute.value'],
-			[/'([^']*)'/, 'attribute.value'],
-			[/[\w-]+/, 'attribute.name'],
-			[/[=]/, 'delimiter'],
-			[/[\t\n\r ]+/], // whitespace
-			[/<\/script\s*>/, { token: '@rematch', next: '@pop' }]
-		],
-
-		scriptEmbedded: [
-			[/<\/script/, { token: '@rematch', next: '@pop', nextEmbedded: '@pop' }],
-			[/[^<]+/, '']
-		],
-
-		// -- END <script> tags handling
-
-		// -- BEGIN <style> tags handling
-
-		// After <style
-		style: [
-			[/type/, 'attribute.name', '@styleAfterType'],
-			[/"([^"]*)"/, 'attribute.value'],
-			[/'([^']*)'/, 'attribute.value'],
-			[/[\w-]+/, 'attribute.name'],
-			[/[=]/, 'delimiter'],
-			[
-				/>/,
-				{
-					token: 'delimiter',
-					next: '@styleEmbedded',
-					nextEmbedded: 'text/css'
-				}
-			],
-			[/[\t\n\r ]+/], // whitespace
-			[/(<\/)(style\s*)(>)/, ['delimiter', 'tag', { token: 'delimiter', next: '@pop' }]]
-		],
-
-		// After <style ... type
-		styleAfterType: [
-			[/[=]/, 'delimiter', '@styleAfterTypeEquals'],
-			[
-				/>/,
-				{
-					token: 'delimiter',
-					next: '@styleEmbedded',
-					nextEmbedded: 'text/css'
-				}
-			], // cover invalid e.g. <style type>
-			[/[\t\n\r ]+/], // whitespace
-			[/<\/style\s*>/, { token: '@rematch', next: '@pop' }]
-		],
-
-		// After <style ... type =
-		styleAfterTypeEquals: [
-			[
-				/"([^"]*)"/,
-				{
-					token: 'attribute.value',
-					switchTo: '@styleWithCustomType.$1'
-				}
-			],
-			[
-				/'([^']*)'/,
-				{
-					token: 'attribute.value',
-					switchTo: '@styleWithCustomType.$1'
-				}
-			],
-			[
-				/>/,
-				{
-					token: 'delimiter',
-					next: '@styleEmbedded',
-					nextEmbedded: 'text/css'
-				}
-			], // cover invalid e.g. <style type=>
-			[/[\t\n\r ]+/], // whitespace
-			[/<\/style\s*>/, { token: '@rematch', next: '@pop' }]
-		],
-
-		// After <style ... type = $S2
-		styleWithCustomType: [
-			[
-				/>/,
-				{
-					token: 'delimiter',
-					next: '@styleEmbedded.$S2',
-					nextEmbedded: '$S2'
-				}
-			],
-			[/"([^"]*)"/, 'attribute.value'],
-			[/'([^']*)'/, 'attribute.value'],
-			[/[\w-]+/, 'attribute.name'],
-			[/[=]/, 'delimiter'],
-			[/[\t\n\r ]+/], // whitespace
-			[/<\/style\s*>/, { token: '@rematch', next: '@pop' }]
-		],
-
-		styleEmbedded: [
-			[/<\/style/, { token: '@rematch', next: '@pop', nextEmbedded: '@pop' }],
-			[/[^<]+/, '']
-		]
-
-		// -- END <style> tags handling
-	}
-};
diff --git a/docs-svelte-kit/src/lib/eslint/scripts/ts-create-program.mts b/docs-svelte-kit/src/lib/eslint/scripts/ts-create-program.mts
deleted file mode 100644
index c5fd34c29..000000000
--- a/docs-svelte-kit/src/lib/eslint/scripts/ts-create-program.mts
+++ /dev/null
@@ -1,140 +0,0 @@
-import type typescript from 'typescript';
-import type tsvfs from '@typescript/vfs';
-import path from 'path';
-type TS = typeof typescript;
-type TSVFS = typeof tsvfs;
-
-/** Create Program */
-export function createProgram(
-	{
-		ts,
-		compilerOptions,
-		compilerHost
-	}: {
-		ts: TS;
-		compilerOptions: typescript.CompilerOptions;
-		compilerHost: typescript.CompilerHost;
-	},
-	options: { filePath: string }
-): typescript.Program {
-	try {
-		const program = ts.createProgram({
-			rootNames: [options.filePath],
-			options: compilerOptions,
-			host: compilerHost
-		});
-		return program;
-	} catch (e) {
-		// eslint-disable-next-line no-console -- Demo debug
-		console.error(e);
-		throw e;
-	}
-}
-
-export function createCompilerOptions(ts: TS): typescript.CompilerOptions {
-	const compilerOptions: typescript.CompilerOptions = {
-		target: ts.ScriptTarget.ESNext,
-		module: ts.ModuleKind.ESNext,
-		jsx: ts.JsxEmit.Preserve,
-		strict: true
-	};
-	compilerOptions.lib = [ts.getDefaultLibFileName(compilerOptions)];
-	return compilerOptions;
-}
-
-export async function createVirtualCompilerHost(
-	{
-		ts,
-		tsvfs,
-		compilerOptions
-	}: {
-		ts: TS;
-		tsvfs: TSVFS;
-		compilerOptions: typescript.CompilerOptions;
-	},
-	{ filePath: targetFilePath }: { filePath: string }
-): Promise<{
-	compilerHost: typescript.CompilerHost;
-	updateFile: (sourceFile: typescript.SourceFile) => boolean;
-	fsMap: Map<string, string>;
-}> {
-	const fsMap = await tsvfs.createDefaultMapFromCDN(
-		{
-			lib: Array.from(
-				// eslint-disable-next-line @typescript-eslint/no-explicit-any -- use internal
-				(ts as any).libMap.keys()
-			)
-		},
-		ts.version,
-		true,
-		ts
-	);
-
-	// Setup svelte type definition modules
-	for (const [key, module] of await Promise.all(
-		Object.entries({
-			// @ts-expect-error -- ignore
-			...import.meta.glob('../../../../../node_modules/svelte/*/*.d.ts', {
-				as: 'raw'
-			}),
-			// @ts-expect-error -- ignore
-			...import.meta.glob('../../../../../node_modules/svelte/types/{runtime,shared}/**/*.d.ts', {
-				as: 'raw'
-			})
-		}).map(async ([key, get]) => [
-			key,
-			// eslint-disable-next-line @typescript-eslint/no-explicit-any -- ignore
-			await (get as any)()
-		])
-	)) {
-		const modulePath = key.slice('../../../../..'.length);
-
-		fsMap.set(modulePath, module);
-	}
-
-	const system = tsvfs.createSystem(fsMap);
-	const host = tsvfs.createVirtualCompilerHost(system, compilerOptions, ts);
-	const original = {
-		// eslint-disable-next-line @typescript-eslint/unbound-method -- backup original
-		getSourceFile: host.compilerHost.getSourceFile
-	};
-	host.compilerHost.resolveModuleNames = function (moduleNames, containingFile) {
-		return moduleNames.map((m) => {
-			const targetPaths: string[] = [];
-			if (m.startsWith('.')) {
-				targetPaths.push(path.join(path.dirname(containingFile), m));
-			} else {
-				targetPaths.push(`/node_modules/${m}`);
-			}
-			for (const modulePath of targetPaths.flatMap((m) => [
-				`${m}.d.ts`,
-				`${m}.ts`,
-				`${m}/index.d.ts`,
-				`${m}/index.ts`
-			])) {
-				if (fsMap.has(modulePath)) {
-					return { resolvedFileName: modulePath };
-				}
-			}
-			return undefined;
-		});
-	};
-	host.compilerHost.getSourceFile = function (fileName, languageVersionOrOptions, ...args) {
-		if (targetFilePath === fileName) {
-			// Exclude the target file from caching as it will be modified.
-			const file = this.readFile(fileName) ?? '';
-			return ts.createSourceFile(fileName, file, languageVersionOrOptions, true);
-		}
-		if (this.fileExists(fileName)) {
-			return original.getSourceFile.apply(this, [fileName, languageVersionOrOptions, ...args]);
-		}
-		// Avoid error
-		// eslint-disable-next-line no-console -- Demo debug
-		console.log(`Not exists: ${fileName}`);
-		return undefined;
-	};
-	return {
-		...host,
-		fsMap
-	};
-}
diff --git a/docs-svelte-kit/src/lib/eslint/scripts/ts-parser.js b/docs-svelte-kit/src/lib/eslint/scripts/ts-parser.js
deleted file mode 100644
index 88c4c7dbc..000000000
--- a/docs-svelte-kit/src/lib/eslint/scripts/ts-parser.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import { loadMonacoEngine } from './monaco-loader';
-import {
-	createProgram,
-	createCompilerOptions,
-	createVirtualCompilerHost
-} from './ts-create-program.mts';
-
-let tsParserCache = null;
-export function loadTsParser() {
-	return (tsParserCache ??= loadTsParserImpl());
-}
-
-async function loadTsParserImpl() {
-	await loadMonacoEngine();
-	const [ts, tsvfs, tsParser] = await Promise.all([
-		import('typescript'),
-		import('@typescript/vfs'),
-		import('@typescript-eslint/parser')
-	]);
-	if (typeof window === 'undefined') {
-		return tsParser;
-	}
-	window.define('typescript', ts);
-
-	const compilerOptions = createCompilerOptions(ts);
-	const filePath = '/demo.ts';
-	const host = await createVirtualCompilerHost({ ts, tsvfs, compilerOptions }, { filePath });
-	return {
-		parseForESLint(code, options) {
-			host.fsMap.set(filePath, code);
-			// Requires its own Program instance to provide full type information.
-			const program = createProgram(
-				{ ts, compilerHost: host.compilerHost, compilerOptions },
-				{ filePath }
-			);
-
-			try {
-				const result = tsParser.parseForESLint(code, {
-					...options,
-					filePath: filePath.replace(/^\//u, ''),
-					programs: [program]
-				});
-				return result;
-			} catch (e) {
-				// eslint-disable-next-line no-console -- Demo debug
-				console.error(e);
-				throw e;
-			}
-		}
-	};
-}
diff --git a/docs-svelte-kit/src/lib/utils.js b/docs-svelte-kit/src/lib/utils.js
index e8c320bb4..730156498 100644
--- a/docs-svelte-kit/src/lib/utils.js
+++ b/docs-svelte-kit/src/lib/utils.js
@@ -1,8 +1,10 @@
-import { rules } from '../../../packages/eslint-plugin-svelte/src/utils/rules.ts';
+/* globals RULES_META -- ignore */
 import { readable, writable } from 'svelte/store';
 import { page } from '$app/stores';
 import { base as baseUrl } from '$app/paths';
 
+const rules = RULES_META;
+
 export function stripBaseUrl(path) {
 	if (path.startsWith(baseUrl)) {
 		return path.slice(baseUrl.length);
diff --git a/docs-svelte-kit/src/site.css b/docs-svelte-kit/src/site.css
index b677d40bb..9f848c986 100644
--- a/docs-svelte-kit/src/site.css
+++ b/docs-svelte-kit/src/site.css
@@ -1,5 +1,11 @@
 /* @import "prismjs/themes/prism"; */
 @import "prismjs/themes/prism-tomorrow";
+@import "@shikijs/twoslash/style-rich.css";
+
+.twoslash .twoslash-popup-container {
+  transform: translateY(2em);
+  white-space: pre-wrap;
+}
 
 /* theme */
 :root {
diff --git a/docs-svelte-kit/tools/markdown-it-auto-inject-components.mts b/docs-svelte-kit/tools/markdown-it-auto-inject-components.mts
deleted file mode 100644
index 555e0632b..000000000
--- a/docs-svelte-kit/tools/markdown-it-auto-inject-components.mts
+++ /dev/null
@@ -1,54 +0,0 @@
-import type Md from 'markdown-it';
-import type Token from 'markdown-it/lib/token';
-/**
- * @param {import('markdown-it')} md
- */
-export default (md: Md): void => {
-	md.core.ruler.push('auto_inject_components', (state) => {
-		const injected = new Set(extractInjectedComponents(state.tokens));
-		for (const component of new Set(extractComponents(state.tokens, injected))) {
-			const newToken = new state.Token('auto_inject_component', '', 0);
-			newToken.content = `<script>
-import ${component} from '$lib/components/${component}.svelte'
-</script>`;
-			state.tokens.unshift(newToken);
-		}
-
-		/** Extract imported components */
-		function* extractInjectedComponents(tokens: Token[]): Iterable<string> {
-			for (const token of tokens) {
-				if (
-					(token.type === 'html_inline' || token.type === 'html_block') &&
-					token.content.trim().startsWith('<script')
-				) {
-					const match = /import\s+([A-Z][\w$.]*)/u.exec(token.content);
-					if (match) {
-						yield match[1];
-					}
-				}
-				if (token.children && token.children.length) {
-					yield* extractInjectedComponents(token.children);
-				}
-			}
-		}
-
-		/** Extract inject components */
-		function* extractComponents(tokens: Token[], injected: Set<string>): Iterable<string> {
-			for (const token of tokens) {
-				if (token.type === 'html_inline' || token.type === 'html_block') {
-					const match = /<([A-Z][\w$]*)/u.exec(token.content);
-					if (match && !injected.has(match[1])) {
-						yield match[1];
-					}
-				}
-				if (token.children && token.children.length) {
-					yield* extractComponents(token.children, injected);
-				}
-			}
-		}
-	});
-
-	md.renderer.rules.auto_inject_component = (tokens, idx, _options) => {
-		return tokens[idx].content;
-	};
-};
diff --git a/docs-svelte-kit/tools/vite-plugin-svelte-md-option.mts b/docs-svelte-kit/tools/vite-plugin-svelte-md-option.mts
index c1ee312b8..7bb2b61b5 100644
--- a/docs-svelte-kit/tools/vite-plugin-svelte-md-option.mts
+++ b/docs-svelte-kit/tools/vite-plugin-svelte-md-option.mts
@@ -3,12 +3,40 @@ import replaceLinkPlugin from './markdown-it-replace-link.mjs';
 import { full as emojiPlugin } from 'markdown-it-emoji';
 import anchorPlugin from 'markdown-it-anchor';
 import containerPlugin from 'markdown-it-container';
-import autoInjectComponentsPlugin from './markdown-it-auto-inject-components.mjs';
 import titlePlugin from './markdown-it-title.mjs';
 import markdownPlugin from './markdown-it-markdown.mjs';
 import containerPluginOption from './markdown-it-container-option.mjs';
 import slugify from '@sindresorhus/slugify';
 import type { Options } from 'vite-plugin-svelte-md';
+import { createTwoslasher as createTwoslasherESLint } from 'twoslash-eslint';
+import Shiki from '@shikijs/markdown-it';
+import plugin from 'eslint-plugin-svelte';
+import { transformerTwoslash } from '@shikijs/twoslash';
+
+const shikiPlugin = await Shiki({
+	theme: 'dark-plus',
+	// Or any other integrations that support passing Shiki transformers
+	transformers: [
+		// Create another transformer, but with different trigger and ESLint twoslasher
+		transformerTwoslash({
+			filter(lang, code) {
+				if (lang.startsWith('svelte') || lang.startsWith('js')) {
+					return /\/\*\s*eslint/.test(code);
+				}
+				return false;
+			},
+			explicitTrigger: false,
+			// Pass the custom twoslasher
+			twoslasher: createTwoslasherESLint({
+				eslintConfig: [...plugin.configs['flat/base']],
+				includeDocs: false
+			}),
+			rendererRich: {
+				errorRendering: 'hover'
+			}
+		})
+	]
+});
 
 export default (options: { baseUrl: string; root: string }): Options => ({
 	wrapperClasses: [],
@@ -34,12 +62,12 @@ export default (options: { baseUrl: string; root: string }): Options => ({
 				})
 			}
 		],
-		autoInjectComponentsPlugin,
 		titlePlugin,
 		markdownPlugin,
 		[containerPlugin, 'tip', containerPluginOption('tip')],
 		[containerPlugin, 'warning', containerPluginOption('warning')],
 		[containerPlugin, 'danger', containerPluginOption('danger', 'warning')],
-		[containerPlugin, 'details', containerPluginOption('details')]
+		[containerPlugin, 'details', containerPluginOption('details')],
+		shikiPlugin
 	]
 });
diff --git a/docs-svelte-kit/vite.config.mts b/docs-svelte-kit/vite.config.mts
index e4a0f1171..181980cd7 100644
--- a/docs-svelte-kit/vite.config.mts
+++ b/docs-svelte-kit/vite.config.mts
@@ -2,10 +2,9 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import path from 'path';
 // @ts-expect-error -- Missing types
 import svelteMd from 'vite-plugin-svelte-md';
-import eslint4b, { requireESLintUseAtYourOwnRisk4b } from 'vite-plugin-eslint4b';
+import { rules as pluginRules } from 'eslint-plugin-svelte';
 import svelteMdOption from './tools/vite-plugin-svelte-md-option.mjs';
 
-import './build-system/build.ts';
 import generateRoutes from './tools/generate-routes.mjs';
 import type { UserConfig } from 'vite';
 import { fileURLToPath } from 'url';
@@ -23,36 +22,10 @@ const config: UserConfig = {
 				root: path.join(dirname, '../docs')
 			})
 		),
-		sveltekit(),
-		eslint4b(),
-		requireESLintUseAtYourOwnRisk4b()
+		sveltekit()
 	],
-	server: {
-		fs: { strict: false }
-	},
-	resolve: {
-		alias: {
-			assert: path.join(dirname, './shim/assert.mjs'),
-			'postcss-load-config': path.join(dirname, './shim/postcss-load-config.mjs'),
-			'source-map-js': path.join(dirname, './shim/source-map-js.mjs'),
-			module: path.join(dirname, './shim/module.mjs'),
-			url: path.join(dirname, './shim/url.mjs'),
-			os: path.join(dirname, './shim/os.mjs'),
-			fs: path.join(dirname, './shim/fs.mjs'),
-			globby: path.join(dirname, './shim/globby.mjs'),
-			picocolors: path.join(dirname, './shim/picocolors.mjs'),
-			tslib: path.join(dirname, './node_modules/tslib/tslib.es6.js'),
-
-			// Alias to CJS
-			'svelte/compiler': path.join(dirname, './node_modules/svelte/compiler/index.js'),
-			'eslint-visitor-keys': path.join(
-				dirname,
-				'./node_modules/eslint-visitor-keys/dist/eslint-visitor-keys.cjs'
-			),
-			espree: path.join(dirname, './node_modules/espree/dist/espree.cjs'),
-			'eslint-scope': path.join(dirname, './node_modules/eslint-scope/dist/eslint-scope.cjs'),
-			acorn: path.join(dirname, './node_modules/acorn/dist/acorn.js')
-		}
+	define: {
+		RULES_META: JSON.stringify(Object.values(pluginRules).map((rule) => ({ meta: rule.meta })))
 	},
 	ssr: {
 		// vite-plugin-svelte recognizes svelte-eslint-parser as a library that runs on svelte.
diff --git a/docs/rules/@typescript-eslint/no-unnecessary-condition.md b/docs/rules/@typescript-eslint/no-unnecessary-condition.md
index bd8c4c9c5..5a782d62c 100644
--- a/docs/rules/@typescript-eslint/no-unnecessary-condition.md
+++ b/docs/rules/@typescript-eslint/no-unnecessary-condition.md
@@ -20,8 +20,6 @@ since: 'v2.9.0'
 This rule extends the base `@typescript-eslint`'s [@typescript-eslint/no-unnecessary-condition] rule.
 The [@typescript-eslint/no-unnecessary-condition] rule does not understand reactive or rerendering of Svelte components and has false positives when used with Svelte components. This rule understands reactive and rerendering of Svelte components.
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -38,8 +36,6 @@ The [@typescript-eslint/no-unnecessary-condition] rule does not understand react
 {foo || 42}
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/block-lang.md b/docs/rules/block-lang.md
index 5b9ef89c7..2a5eb996b 100644
--- a/docs/rules/block-lang.md
+++ b/docs/rules/block-lang.md
@@ -14,8 +14,6 @@ since: 'v2.18.0'
 
 This rule enforces all svelte components to use the same set of languages for their scripts and styles.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -25,10 +23,6 @@ This rule enforces all svelte components to use the same set of languages for th
 </script>
 ```
 
-</ESLintCodeBlock>
-
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -41,10 +35,6 @@ This rule enforces all svelte components to use the same set of languages for th
 </style>
 ```
 
-</ESLintCodeBlock>
-
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -54,8 +44,6 @@ This rule enforces all svelte components to use the same set of languages for th
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/button-has-type.md b/docs/rules/button-has-type.md
index 4b5d938db..22a8e95f6 100644
--- a/docs/rules/button-has-type.md
+++ b/docs/rules/button-has-type.md
@@ -14,8 +14,6 @@ since: 'v0.0.4'
 
 This rule aims to warn if no type or an invalid type is used on a button type attribute.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -34,8 +32,6 @@ This rule aims to warn if no type or an invalid type is used on a button type at
 <button type="foo">Hello World</button>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/comment-directive.md b/docs/rules/comment-directive.md
index 8eb035522..be08902a2 100644
--- a/docs/rules/comment-directive.md
+++ b/docs/rules/comment-directive.md
@@ -30,8 +30,6 @@ ESLint doesn't provide any API to enhance `eslint-disable` functionality and ESL
 
 This rule sends all `eslint-disable`-like comments to the post-process of the `.svelte` file processor, then the post-process removes the reported errors in disabled areas.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -43,12 +41,8 @@ This rule sends all `eslint-disable`-like comments to the post-process of the `.
 <UndefComponent />
 ```
 
-</ESLintCodeBlock>
-
 The `eslint-disable`-like comments can include descriptions to explain why the comment is necessary. The description must occur after the directive and is separated from the directive by two or more consecutive `-` characters. For example:
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -60,8 +54,6 @@ The `eslint-disable`-like comments can include descriptions to explain why the c
 <UndefComponent />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
@@ -79,8 +71,6 @@ The `eslint-disable`-like comments can include descriptions to explain why the c
 
 ### `{ "reportUnusedDisableDirectives": true }`
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -98,8 +88,6 @@ The `eslint-disable`-like comments can include descriptions to explain why the c
 <DefinedComponent />
 ```
 
-</ESLintCodeBlock>
-
 ## :books: Further Reading
 
 - [Disabling rules with inline comments]
diff --git a/docs/rules/derived-has-same-inputs-outputs.md b/docs/rules/derived-has-same-inputs-outputs.md
index 8d9d1ba9d..b059bc655 100644
--- a/docs/rules/derived-has-same-inputs-outputs.md
+++ b/docs/rules/derived-has-same-inputs-outputs.md
@@ -15,8 +15,6 @@ since: 'v2.8.0'
 This rule reports where variable names and callback function's argument names are different.
 This is mainly a recommended rule to avoid implementation confusion.
 
-<ESLintCodeBlock language="javascript">
-
 <!--eslint-skip-->
 
 ```js
@@ -35,8 +33,6 @@ derived(a, (b, set) => {});
 derived([a, b], ([one, two]) => {});
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/experimental-require-slot-types.md b/docs/rules/experimental-require-slot-types.md
index f7397009e..b3a21ee48 100644
--- a/docs/rules/experimental-require-slot-types.md
+++ b/docs/rules/experimental-require-slot-types.md
@@ -15,8 +15,6 @@ since: 'v2.18.0'
 This rule enforces the presence of the `$$Slots` interface if any slots are present in the component. This interface declares all of the used slots and their props and enables typechecking both in the component itself as well as all components that include it.
 The `$$Slots` interface is experimental and is documented in [svelte RFC #38](https://github.com/dummdidumm/rfcs/blob/ts-typedefs-within-svelte-components/text/ts-typing-props-slots-events.md#typing-slots).
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -28,10 +26,6 @@ The `$$Slots` interface is experimental and is documented in [svelte RFC #38](ht
 <b>No slots here!</b>
 ```
 
-</ESLintCodeBlock>
-
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -47,10 +41,6 @@ The `$$Slots` interface is experimental and is documented in [svelte RFC #38](ht
 <slot />
 ```
 
-</ESLintCodeBlock>
-
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -66,10 +56,6 @@ The `$$Slots` interface is experimental and is documented in [svelte RFC #38](ht
 <slot prop={true} />
 ```
 
-</ESLintCodeBlock>
-
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -85,10 +71,6 @@ The `$$Slots` interface is experimental and is documented in [svelte RFC #38](ht
 <slot name="named" />
 ```
 
-</ESLintCodeBlock>
-
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -100,8 +82,6 @@ The `$$Slots` interface is experimental and is documented in [svelte RFC #38](ht
 <slot />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/experimental-require-strict-events.md b/docs/rules/experimental-require-strict-events.md
index 2e4d80bc2..a635f4de1 100644
--- a/docs/rules/experimental-require-strict-events.md
+++ b/docs/rules/experimental-require-strict-events.md
@@ -14,8 +14,6 @@ since: 'v2.18.0'
 
 This rule enforces the presence of the `strictEvents` attribute on the main `<script>` tag of all components. This attributes enforces typechecking of events dispatched by the component, e.g. making it a typescript error to listen to any non-existent events. Alternatively, the event types may be defined manually by declaring the `$$Events` interface. The `strictEvents` attribute and the `$$Events` interface are experimental and are documented in [svelte RFC #38](https://github.com/dummdidumm/rfcs/blob/ts-typedefs-within-svelte-components/text/ts-typing-props-slots-events.md#typing-events).
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -25,10 +23,6 @@ This rule enforces the presence of the `strictEvents` attribute on the main `<sc
 </script>
 ```
 
-</ESLintCodeBlock>
-
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -39,10 +33,6 @@ This rule enforces the presence of the `strictEvents` attribute on the main `<sc
 </script>
 ```
 
-</ESLintCodeBlock>
-
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -52,8 +42,6 @@ This rule enforces the presence of the `strictEvents` attribute on the main `<sc
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/first-attribute-linebreak.md b/docs/rules/first-attribute-linebreak.md
index 830477d6e..b79ed9869 100644
--- a/docs/rules/first-attribute-linebreak.md
+++ b/docs/rules/first-attribute-linebreak.md
@@ -16,8 +16,6 @@ since: 'v0.6.0'
 
 This rule aims to enforce a consistent location for the first attribute.
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 
 <!--eslint-skip-->
@@ -45,8 +43,6 @@ This rule aims to enforce a consistent location for the first attribute.
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/html-closing-bracket-new-line.md b/docs/rules/html-closing-bracket-new-line.md
index ec91a84a1..80a2e6fb8 100644
--- a/docs/rules/html-closing-bracket-new-line.md
+++ b/docs/rules/html-closing-bracket-new-line.md
@@ -16,8 +16,6 @@ since: 'v2.45.0'
 
 This rule enforces a line break (or no line break) before tag's closing brackets, which can also be configured to be enforced on self-closing tags.
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -56,8 +54,6 @@ This rule enforces a line break (or no line break) before tag's closing brackets
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
index a23ebfdbf..6b4c2dcbe 100644
--- a/docs/rules/html-closing-bracket-spacing.md
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -19,8 +19,6 @@ You can choose either two styles for spacing before closing bracket
 - always: `<div />`
 - never: `<div/>`
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -45,8 +43,6 @@ You can choose either two styles for spacing before closing bracket
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index c95c31ca2..04cc8249a 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -22,8 +22,6 @@ You can choose quotes of HTML attributes from:
 
 This rule enforces the quotes style of HTML attributes.
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -43,8 +41,6 @@ This rule enforces the quotes style of HTML attributes.
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/html-self-closing.md b/docs/rules/html-self-closing.md
index 5f9cc366e..18c131b68 100644
--- a/docs/rules/html-self-closing.md
+++ b/docs/rules/html-self-closing.md
@@ -19,8 +19,6 @@ You can choose either two styles for elements without content
 - always: `<div />`
 - never: `<div></div>`
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -46,8 +44,6 @@ You can choose either two styles for elements without content
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 presets:
diff --git a/docs/rules/indent.md b/docs/rules/indent.md
index c5e9144a4..592bef427 100644
--- a/docs/rules/indent.md
+++ b/docs/rules/indent.md
@@ -19,8 +19,6 @@ This rule enforces a consistent indentation style in `.svelte`. The default styl
 - This rule checks all tags, also all expressions in directives and mustaches.
 - In the expressions, this rule supports ECMAScript 2021 syntaxes and some TypeScript syntaxes. It ignores unknown AST nodes, but it might be confused by non-standard syntaxes.
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -51,8 +49,6 @@ CLICK ME!
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ::: warning Note
 This rule only checks `.svelte` files and does not interfere with other `.js` files. Unfortunately the default `indent` rule when turned on will try to lint both, so in order to make them complementary you can use `overrides` setting and disable `indent` rule on `.svelte` files:
 :::
diff --git a/docs/rules/infinite-reactive-loop.md b/docs/rules/infinite-reactive-loop.md
index 9d7d71fa0..30da359fb 100644
--- a/docs/rules/infinite-reactive-loop.md
+++ b/docs/rules/infinite-reactive-loop.md
@@ -16,8 +16,6 @@ Svelte runtime prevents calling the same reactive statement twice in a microtask
 But between different microtask, it doesn't prevent.<br/>
 This rule reports those possible infinite loop.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -82,8 +80,6 @@ This rule reports those possible infinite loop.
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/max-attributes-per-line.md b/docs/rules/max-attributes-per-line.md
index 045679937..e3dc9960c 100644
--- a/docs/rules/max-attributes-per-line.md
+++ b/docs/rules/max-attributes-per-line.md
@@ -22,8 +22,6 @@ An attribute is considered to be in a new line when there is a line break betwee
 
 There is a configurable number of attributes that are acceptable in one-line case (default 1), as well as how many attributes are acceptable per line in multi-line case (default 1).
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -55,8 +53,6 @@ There is a configurable number of attributes that are acceptable in one-line cas
 <button type="button" on:click={click} {maxlength} {...attrs}> CLICK ME! </button>
 ```
 
-</ESLintCodeBlock>
-
 <!-- prettier-ignore-end -->
 
 ## :wrench: Options
diff --git a/docs/rules/mustache-spacing.md b/docs/rules/mustache-spacing.md
index be77624ff..f1e3e4bc4 100644
--- a/docs/rules/mustache-spacing.md
+++ b/docs/rules/mustache-spacing.md
@@ -16,8 +16,6 @@ since: 'v0.15.0'
 
 This rule aims at enforcing unified spacing in mustaches.
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -57,8 +55,6 @@ This rule aims at enforcing unified spacing in mustaches.
 { #key id }...{ /key }
 ```
 
-</ESLintCodeBlock>
-
 <!-- prettier-ignore-end -->
 
 ## :wrench: Options
diff --git a/docs/rules/no-at-debug-tags.md b/docs/rules/no-at-debug-tags.md
index 114a46c37..5167bef81 100644
--- a/docs/rules/no-at-debug-tags.md
+++ b/docs/rules/no-at-debug-tags.md
@@ -18,8 +18,6 @@ This rule reports all uses of `{@debug}`.
 
 The `{@debug}` should be removed when you no longer need it after you use it for debugging.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -33,8 +31,6 @@ The `{@debug}` should be removed when you no longer need it after you use it for
 {@debug}
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-at-html-tags.md b/docs/rules/no-at-html-tags.md
index f2169cf1f..bdec6d96a 100644
--- a/docs/rules/no-at-html-tags.md
+++ b/docs/rules/no-at-html-tags.md
@@ -16,8 +16,6 @@ since: 'v0.0.1'
 
 This rule reports all uses of `{@html}` in order to reduce the risk of injecting potentially unsafe / unescaped html into the browser leading to Cross-Site Scripting (XSS) attacks.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -32,8 +30,6 @@ This rule reports all uses of `{@html}` in order to reduce the risk of injecting
 {@html foo}
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-deprecated-raw-special-elements.md b/docs/rules/no-deprecated-raw-special-elements.md
index 4bf863ae6..d7c6adf67 100644
--- a/docs/rules/no-deprecated-raw-special-elements.md
+++ b/docs/rules/no-deprecated-raw-special-elements.md
@@ -16,8 +16,6 @@ description: 'Recommends not using raw special elements in Svelte versions previ
 
 This rule reports the usage of `head`, `body`, `window`, `document`, `element` and `options` HTML elements. These elements were valid in in versions proior to 5, but since Svelte 5 they must be used with `svelte:`.
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -36,8 +34,6 @@ This rule reports the usage of `head`, `body`, `window`, `document`, `element` a
 </head>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-dom-manipulating.md b/docs/rules/no-dom-manipulating.md
index b4c4182bf..8a0ddec8e 100644
--- a/docs/rules/no-dom-manipulating.md
+++ b/docs/rules/no-dom-manipulating.md
@@ -16,8 +16,6 @@ In general, DOM manipulating should delegate to Svelte runtime. If you manipulat
 Therefore this rule reports where you use DOM manipulating function.
 We don't recommend but If you intentionally manipulate the DOM, simply you can ignore this ESLint report.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -47,12 +45,8 @@ We don't recommend but If you intentionally manipulate the DOM, simply you can i
 <button on:click={() => update()}>Click Me (Bad)</button>
 ```
 
-</ESLintCodeBlock>
-
 This rule only tracks and checks variables given with `bind:this={}`. In other words, it doesn't track things like function arguments given to `transition:` directives. These functions have been well tested and are often used more carefully.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -90,8 +84,6 @@ This rule only tracks and checks variables given with `bind:this={}`. In other w
 {/if}
 ```
 
-</ESLintCodeBlock>
-
 See also <https://svelte.dev/examples/custom-js-transitions>.
 
 ## :wrench: Options
diff --git a/docs/rules/no-dupe-else-if-blocks.md b/docs/rules/no-dupe-else-if-blocks.md
index 1a63a7f5d..839e1720d 100644
--- a/docs/rules/no-dupe-else-if-blocks.md
+++ b/docs/rules/no-dupe-else-if-blocks.md
@@ -16,8 +16,6 @@ since: 'v0.0.1'
 
 This rule disallows duplicate conditions in the same `{#if}` / `{:else if}` chain.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -55,12 +53,8 @@ This rule disallows duplicate conditions in the same `{#if}` / `{:else if}` chai
 {/if}
 ```
 
-</ESLintCodeBlock>
-
 This rule can also detect some cases where the conditions are not identical, but the branch can never execute due to the logic of `||` and `&&` operators.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -110,8 +104,6 @@ This rule can also detect some cases where the conditions are not identical, but
 {/if}
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-dupe-on-directives.md b/docs/rules/no-dupe-on-directives.md
index 12fc78373..12823fc0e 100644
--- a/docs/rules/no-dupe-on-directives.md
+++ b/docs/rules/no-dupe-on-directives.md
@@ -15,8 +15,6 @@ since: 'v2.14.0'
 We can define any number of `on:` directive with the same event name, but duplicate directives with the exact same event name and expression are probably a mistake.
 This rule reports reports `on:` directives with exactly the same event name and expression.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -40,8 +38,6 @@ This rule reports reports `on:` directives with exactly the same event name and
 />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-dupe-style-properties.md b/docs/rules/no-dupe-style-properties.md
index 366f91b54..b618092c6 100644
--- a/docs/rules/no-dupe-style-properties.md
+++ b/docs/rules/no-dupe-style-properties.md
@@ -16,8 +16,6 @@ since: 'v0.31.0'
 
 This rule reports duplicate style properties.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -35,8 +33,6 @@ This rule reports duplicate style properties.
 <div style:background="green" style="background: {red}">...</div>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-dupe-use-directives.md b/docs/rules/no-dupe-use-directives.md
index caf7b5905..da1b6dd79 100644
--- a/docs/rules/no-dupe-use-directives.md
+++ b/docs/rules/no-dupe-use-directives.md
@@ -15,8 +15,6 @@ since: 'v2.14.0'
 We can define any number of `use:` directive with the same action, but duplicate directives with the exact same action and expression are probably a mistake.
 This rule reports reports `use:` directives with exactly the same action and expression.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -33,8 +31,6 @@ This rule reports reports `use:` directives with exactly the same action and exp
 <div use:clickOutside={param} use:clickOutside={param} />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-dynamic-slot-name.md b/docs/rules/no-dynamic-slot-name.md
index efe009cfc..f9a84df2f 100644
--- a/docs/rules/no-dynamic-slot-name.md
+++ b/docs/rules/no-dynamic-slot-name.md
@@ -20,8 +20,6 @@ Dynamic `<slot>` names are not allowed in Svelte, so you must use static names.
 
 The auto-fix of this rule can be replaced with a static `<slot>` name if the expression given to the `<slot>` name is static and resolvable.
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -37,8 +35,6 @@ The auto-fix of this rule can be replaced with a static `<slot>` name if the exp
 <slot name={SLOT_NAME} />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-export-load-in-svelte-module-in-kit-pages.md b/docs/rules/no-export-load-in-svelte-module-in-kit-pages.md
index bf65ec2d3..654bde491 100644
--- a/docs/rules/no-export-load-in-svelte-module-in-kit-pages.md
+++ b/docs/rules/no-export-load-in-svelte-module-in-kit-pages.md
@@ -30,8 +30,6 @@ And the API has changed.
   }
 </script>
 
-<ESLintCodeBlock config="{config}">
-
 <!--eslint-skip-->
 
 ```svelte
@@ -46,8 +44,6 @@ And the API has changed.
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing. But if you are not using the default routes folder, please set configuration according to the [user guide](../user-guide.md#settings-svelte-kit).
diff --git a/docs/rules/no-extra-reactive-curlies.md b/docs/rules/no-extra-reactive-curlies.md
index ff2540e32..6d8a9f63e 100644
--- a/docs/rules/no-extra-reactive-curlies.md
+++ b/docs/rules/no-extra-reactive-curlies.md
@@ -16,8 +16,6 @@ since: 'v2.4.0'
 
 This rule reports if curly brackets (`{` and `}`) are used unnecessarily around a reactive statement body containing only a single expression.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -34,8 +32,6 @@ This rule reports if curly brackets (`{` and `}`) are used unnecessarily around
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-goto-without-base.md b/docs/rules/no-goto-without-base.md
index ab36738e7..757745120 100644
--- a/docs/rules/no-goto-without-base.md
+++ b/docs/rules/no-goto-without-base.md
@@ -14,8 +14,6 @@ since: 'v2.36.0-next.9'
 
 This rule reports navigation using SvelteKit's `goto()` function without prefixing a relative URL with the base path. If a non-prefixed relative URL is used for navigation, the `goto` function navigates away from the base path, which is usually not what you wanted to do (for external URLs, `window.location = url` should be used instead).
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -43,8 +41,6 @@ This rule reports navigation using SvelteKit's `goto()` function without prefixi
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-ignored-unsubscribe.md b/docs/rules/no-ignored-unsubscribe.md
index bad7242e7..9cae0bb17 100644
--- a/docs/rules/no-ignored-unsubscribe.md
+++ b/docs/rules/no-ignored-unsubscribe.md
@@ -17,8 +17,6 @@ This rule fails if an "unsubscriber" returned by call to `subscribe()` is neithe
 One should always unsubscribe from a store when it is no longer needed. Otherwise, the subscription will remain active and constitute a **memory leak**.
 This rule helps to find such cases by ensuring that the unsubscriber (the return value from the store's `subscribe` method) is not ignored.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -35,8 +33,6 @@ This rule helps to find such cases by ensuring that the unsubscriber (the return
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-immutable-reactive-statements.md b/docs/rules/no-immutable-reactive-statements.md
index 48ce89dbb..956e10fbf 100644
--- a/docs/rules/no-immutable-reactive-statements.md
+++ b/docs/rules/no-immutable-reactive-statements.md
@@ -14,8 +14,6 @@ since: 'v2.27.0'
 
 This rule reports if all variables referenced in reactive statements are immutable. That reactive statement is immutable and not reactive.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -54,8 +52,6 @@ This rule reports if all variables referenced in reactive statements are immutab
 <input bind:value={mutableVar} />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-inline-styles.md b/docs/rules/no-inline-styles.md
index dcf2b237f..4c16aae46 100644
--- a/docs/rules/no-inline-styles.md
+++ b/docs/rules/no-inline-styles.md
@@ -14,8 +14,6 @@ since: 'v2.35.0'
 
 This rule reports all attributes and directives that would compile to inline styles. This is mainly useful when adding Content Security Policy to your app, as having inline styles requires the `style-src: 'unsafe-inline'` directive, which is generally discouraged and unsafe.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -41,8 +39,6 @@ This rule reports all attributes and directives that would compile to inline sty
 <span transition:fade>Hello World!</span>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/no-inner-declarations.md b/docs/rules/no-inner-declarations.md
index b85184eac..ee1e0e591 100644
--- a/docs/rules/no-inner-declarations.md
+++ b/docs/rules/no-inner-declarations.md
@@ -21,8 +21,6 @@ This rule supports [svelte-eslint-parser]'s AST.
 
 [svelte-eslint-parser]: https://github.com/sveltejs/svelte-eslint-parser
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -43,8 +41,6 @@ This rule supports [svelte-eslint-parser]'s AST.
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/no-inspect.md b/docs/rules/no-inspect.md
index f9650f59e..07eb48d1c 100644
--- a/docs/rules/no-inspect.md
+++ b/docs/rules/no-inspect.md
@@ -14,8 +14,6 @@ since: 'v2.45.0'
 
 This rule reports usages of `$inspect`.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -26,8 +24,6 @@ This rule reports usages of `$inspect`.
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-not-function-handler.md b/docs/rules/no-not-function-handler.md
index 300ae106e..3162a4254 100644
--- a/docs/rules/no-not-function-handler.md
+++ b/docs/rules/no-not-function-handler.md
@@ -17,8 +17,6 @@ since: 'v0.5.0'
 This rule reports where you used not function value in event handlers.  
 If you use a non-function value for the event handler, it event handler will not be called. It's almost always a mistake. You may have written a lot of unnecessary curly braces.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -43,8 +41,6 @@ If you use a non-function value for the event handler, it event handler will not
 <button on:click={bar} />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-object-in-text-mustaches.md b/docs/rules/no-object-in-text-mustaches.md
index 0cc9c77cf..c6f2a3587 100644
--- a/docs/rules/no-object-in-text-mustaches.md
+++ b/docs/rules/no-object-in-text-mustaches.md
@@ -17,8 +17,6 @@ since: 'v0.5.0'
 This rule disallows the use of objects in text mustache interpolation.  
 When you use an object for text interpolation, it is drawn as `[object Object]`. It's almost always a mistake. You may have written a lot of unnecessary curly braces.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -36,8 +34,6 @@ When you use an object for text interpolation, it is drawn as `[object Object]`.
 <input class="{{ foo }} bar" />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-reactive-functions.md b/docs/rules/no-reactive-functions.md
index 0416a6229..ff88faf8b 100644
--- a/docs/rules/no-reactive-functions.md
+++ b/docs/rules/no-reactive-functions.md
@@ -16,8 +16,6 @@ since: 'v2.5.0'
 
 This rule reports whenever a function is defined in a reactive statement. This isn't necessary, as each time the function is executed it'll already have access to the latest values necessary. Redefining the function in the reactive statement is just a waste of CPU cycles.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -42,8 +40,6 @@ This rule reports whenever a function is defined in a reactive statement. This i
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing
diff --git a/docs/rules/no-reactive-literals.md b/docs/rules/no-reactive-literals.md
index 42618f3b2..286eded6b 100644
--- a/docs/rules/no-reactive-literals.md
+++ b/docs/rules/no-reactive-literals.md
@@ -16,8 +16,6 @@ since: 'v2.4.0'
 
 This rule reports on any assignment of a static, unchanging value within a reactive statement because it's not necessary.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -31,8 +29,6 @@ This rule reports on any assignment of a static, unchanging value within a react
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-reactive-reassign.md b/docs/rules/no-reactive-reassign.md
index 00c729d54..2635d30a0 100644
--- a/docs/rules/no-reactive-reassign.md
+++ b/docs/rules/no-reactive-reassign.md
@@ -14,8 +14,6 @@ since: 'v2.27.0'
 
 This rule aims to prevent unintended behavior caused by modification or reassignment of reactive values.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -39,8 +37,6 @@ This rule aims to prevent unintended behavior caused by modification or reassign
 <input type="number" bind:value={reactiveValue} />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
@@ -58,8 +54,6 @@ This rule aims to prevent unintended behavior caused by modification or reassign
 
 ### `{ "props": true }`
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -84,12 +78,8 @@ This rule aims to prevent unintended behavior caused by modification or reassign
 <MyComponent bind:objectValue={reactiveValue} />
 ```
 
-</ESLintCodeBlock>
-
 ### `{ "props": false }`
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -116,8 +106,6 @@ This rule aims to prevent unintended behavior caused by modification or reassign
 <MyComponent bind:objectValue={reactiveValue} />
 ```
 
-</ESLintCodeBlock>
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-svelte v2.27.0
diff --git a/docs/rules/no-restricted-html-elements.md b/docs/rules/no-restricted-html-elements.md
index 1a80a1e17..409a16f72 100644
--- a/docs/rules/no-restricted-html-elements.md
+++ b/docs/rules/no-restricted-html-elements.md
@@ -14,8 +14,6 @@ since: 'v2.31.0'
 
 This rule reports to usage of resticted HTML elements.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -36,12 +34,8 @@ This rule reports to usage of resticted HTML elements.
 </div>
 ```
 
-</ESLintCodeBlock>
-
 ---
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -62,8 +56,6 @@ This rule reports to usage of resticted HTML elements.
 </div>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 This rule takes a list of strings, where each string is an HTML element name to be restricted:
diff --git a/docs/rules/no-shorthand-style-property-overrides.md b/docs/rules/no-shorthand-style-property-overrides.md
index 048cc6048..3e45229d9 100644
--- a/docs/rules/no-shorthand-style-property-overrides.md
+++ b/docs/rules/no-shorthand-style-property-overrides.md
@@ -18,8 +18,6 @@ This rule reports when a shorthand style property overrides a previously defined
 
 This rule was inspired by [Stylelint's declaration-block-no-shorthand-property-overrides rule](https://stylelint.io/user-guide/rules/list/declaration-block-no-shorthand-property-overrides/).
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -39,8 +37,6 @@ This rule was inspired by [Stylelint's declaration-block-no-shorthand-property-o
 <div style:background-repeat="repeat" style="background: {red}">...</div>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-spaces-around-equal-signs-in-attribute.md b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
index 22f44743d..72764166c 100644
--- a/docs/rules/no-spaces-around-equal-signs-in-attribute.md
+++ b/docs/rules/no-spaces-around-equal-signs-in-attribute.md
@@ -16,8 +16,6 @@ since: 'v2.3.0'
 
 This rule disallows spaces around equal signs in attributes
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -41,8 +39,6 @@ This rule disallows spaces around equal signs in attributes
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-store-async.md b/docs/rules/no-store-async.md
index 158aee435..5285688aa 100644
--- a/docs/rules/no-store-async.md
+++ b/docs/rules/no-store-async.md
@@ -15,8 +15,6 @@ since: 'v2.7.0'
 This rule reports all uses of async/await inside svelte stores.
 Because it causes issues with the auto-unsubscribing features.
 
-<ESLintCodeBlock language="javascript">
-
 <!--eslint-skip-->
 
 ```js
@@ -35,8 +33,6 @@ const r2 = readable(false, async () => {});
 const d2 = derived(a1, async ($a1) => {});
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-svelte-internal.md b/docs/rules/no-svelte-internal.md
index 7d39327d2..a1160b2d3 100644
--- a/docs/rules/no-svelte-internal.md
+++ b/docs/rules/no-svelte-internal.md
@@ -14,8 +14,6 @@ since: 'v2.39.0'
 
 This rule reports the use of the deprecated API `svelte/internal` and `svelte/internal/xxx`. `svelte/internal` is deprecated in Svelte 5. And it will be deleted in Svelte 6. These APIs can change in breaking ways at any time without notice.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -36,8 +34,6 @@ This rule reports the use of the deprecated API `svelte/internal` and `svelte/in
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-target-blank.md b/docs/rules/no-target-blank.md
index 358417b52..097f0f1c7 100644
--- a/docs/rules/no-target-blank.md
+++ b/docs/rules/no-target-blank.md
@@ -14,8 +14,6 @@ since: 'v0.0.4'
 
 This rule disallows using `target="_blank"` attribute without `rel="noopener noreferrer"` to avoid a security vulnerability in legacy browsers where a page can trigger a navigation in the opener regardless of origin ([see here for more details](https://mathiasbynens.github.io/rel-noopener/)).
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -30,8 +28,6 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 <a href="http://example.com" target="_blank">link</a>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
@@ -51,8 +47,6 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 
 ### `{ allowReferrer: false }` (default)
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -67,12 +61,8 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 <a href="http://example.com" target="_blank" rel="noopener">link</a>
 ```
 
-</ESLintCodeBlock>
-
 ### `{ allowReferrer: true }`
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -87,12 +77,8 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 <a href="http://example.com" target="_blank">link</a>
 ```
 
-</ESLintCodeBlock>
-
 ### `{ "enforceDynamicLinks": "always" }` (default)
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -107,12 +93,8 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 <a href={link} target="_blank">link</a>
 ```
 
-</ESLintCodeBlock>
-
 ### `{ "enforceDynamicLinks": "never" }`
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -127,8 +109,6 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 <a href="http://example.com" target="_blank">link</a>
 ```
 
-</ESLintCodeBlock>
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-svelte v0.0.4
diff --git a/docs/rules/no-trailing-spaces.md b/docs/rules/no-trailing-spaces.md
index c48bf6e19..ab4f9a969 100644
--- a/docs/rules/no-trailing-spaces.md
+++ b/docs/rules/no-trailing-spaces.md
@@ -19,8 +19,6 @@ This rule supports HTML comments generated by [svelte-eslint-parser].
 
 [svelte-eslint-parser]: https://github.com/sveltejs/svelte-eslint-parser
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -47,8 +45,6 @@ This rule supports HTML comments generated by [svelte-eslint-parser].
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```jsonc
diff --git a/docs/rules/no-unknown-style-directive-property.md b/docs/rules/no-unknown-style-directive-property.md
index 9fbad9892..340517afd 100644
--- a/docs/rules/no-unknown-style-directive-property.md
+++ b/docs/rules/no-unknown-style-directive-property.md
@@ -20,8 +20,6 @@ This rule was inspired by [Stylelint's property-no-unknown rule](https://styleli
 
 Note that this rule only checks the `style:property` directive. If you want to check inside the `style` attribute and `style` element, consider introducing [Stylelint](https://stylelint.io/).
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -40,8 +38,6 @@ Note that this rule only checks the `style:property` directive. If you want to c
 <div style:red>...</div>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/no-unused-class-name.md b/docs/rules/no-unused-class-name.md
index 3bb5cf4a5..ecfef4888 100644
--- a/docs/rules/no-unused-class-name.md
+++ b/docs/rules/no-unused-class-name.md
@@ -14,8 +14,6 @@ since: 'v2.31.0'
 
 This rule is aimed at reducing unused classes in the HTML template. While `svelte-check` will produce the `css-unused-selector` if your `<style>` block includes any classes that aren't used in the template, this rule works the other way around - it reports cases wehre the template contains classes that aren't referred to in the `<style>` block.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -48,8 +46,6 @@ This rule is aimed at reducing unused classes in the HTML template. While `svelt
 </style>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/no-unused-svelte-ignore.md b/docs/rules/no-unused-svelte-ignore.md
index 150546202..9313ece97 100644
--- a/docs/rules/no-unused-svelte-ignore.md
+++ b/docs/rules/no-unused-svelte-ignore.md
@@ -16,8 +16,6 @@ since: 'v0.19.0'
 
 This rule warns unnecessary `svelte-ignore` comments.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -34,8 +32,6 @@ This rule warns unnecessary `svelte-ignore` comments.
 <img src="https://example.com/img.png" alt="Foo" />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/no-useless-mustaches.md b/docs/rules/no-useless-mustaches.md
index 4d4826fb5..b4bf377f9 100644
--- a/docs/rules/no-useless-mustaches.md
+++ b/docs/rules/no-useless-mustaches.md
@@ -17,8 +17,6 @@ since: 'v0.0.4'
 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.
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -38,8 +36,6 @@ Lorem ipsum {foo}
 <div data-text={'Lorem ipsum'} />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
@@ -59,8 +55,6 @@ Lorem ipsum {foo}
 
 ### `"ignoreIncludesComment": true`
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -75,12 +69,8 @@ Lorem ipsum {foo}
 <div data-text={'Lorem ipsum'} />
 ```
 
-</ESLintCodeBlock>
-
 ### `"ignoreStringEscape": true`
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -89,8 +79,6 @@ Lorem ipsum {foo}
 <div data-text={'Lorem \n ipsum'} />
 ```
 
-</ESLintCodeBlock>
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-svelte v0.0.4
diff --git a/docs/rules/prefer-class-directive.md b/docs/rules/prefer-class-directive.md
index 4f8fa2357..ab68bb53b 100644
--- a/docs/rules/prefer-class-directive.md
+++ b/docs/rules/prefer-class-directive.md
@@ -16,8 +16,6 @@ since: 'v0.0.1'
 
 This rule aims to replace a class with ternary operator with the class directive.
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -35,8 +33,6 @@ This rule aims to replace a class with ternary operator with the class directive
 <button class={current === 'foo' ? 'selected' : ''}>foo</button>
 ```
 
-</ESLintCodeBlock>
-
 You cannot enforce this style by using [prettier-plugin-svelte]. That is, this rule does not conflict with [prettier-plugin-svelte] and can be used with [prettier-plugin-svelte].
 
 [prettier-plugin-svelte]: https://github.com/sveltejs/prettier-plugin-svelte
diff --git a/docs/rules/prefer-destructured-store-props.md b/docs/rules/prefer-destructured-store-props.md
index dd45b3973..66ac5a1d9 100644
--- a/docs/rules/prefer-destructured-store-props.md
+++ b/docs/rules/prefer-destructured-store-props.md
@@ -18,8 +18,6 @@ This rule reports on directly accessing properties of a store containing an obje
 
 An example of the improvements can be see in this [REPL](https://svelte.dev/repl/7de86fea94ff40c48abb82da534dfb89)
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -36,8 +34,6 @@ An example of the improvements can be see in this [REPL](https://svelte.dev/repl
 {$store.foo}
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing
diff --git a/docs/rules/prefer-style-directive.md b/docs/rules/prefer-style-directive.md
index f05ef22d8..90080706b 100644
--- a/docs/rules/prefer-style-directive.md
+++ b/docs/rules/prefer-style-directive.md
@@ -18,8 +18,6 @@ This rule aims to replace a style attribute with the style directive.
 
 Style directive were added in Svelte v3.46.
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 
 <!--eslint-skip-->
@@ -51,8 +49,6 @@ Style directive were added in Svelte v3.46.
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 You cannot enforce this style by using [prettier-plugin-svelte]. That is, this rule does not conflict with [prettier-plugin-svelte] and can be used with [prettier-plugin-svelte].
 
 [prettier-plugin-svelte]: https://github.com/sveltejs/prettier-plugin-svelte
diff --git a/docs/rules/require-each-key.md b/docs/rules/require-each-key.md
index 959c8257c..03bf62623 100644
--- a/docs/rules/require-each-key.md
+++ b/docs/rules/require-each-key.md
@@ -14,8 +14,6 @@ since: 'v2.28.0'
 
 This rule reports `{#each}` block without key
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -34,8 +32,6 @@ This rule reports `{#each}` block without key
 {/each}
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/require-event-dispatcher-types.md b/docs/rules/require-event-dispatcher-types.md
index d035b2fca..e89b0ec03 100644
--- a/docs/rules/require-event-dispatcher-types.md
+++ b/docs/rules/require-event-dispatcher-types.md
@@ -14,8 +14,6 @@ since: 'v2.16.0'
 
 This rule is aimed to enforce type parameters when calling `createEventDispatcher`. Adding types makes all `dispatch` calls as well as all event listeners typechecked. For more information, see the [svelte docs](https://github.com/sveltejs/language-tools/blob/master/docs/preprocessors/typescript.md#typing-component-events).
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -35,8 +33,6 @@ This rule is aimed to enforce type parameters when calling `createEventDispatche
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/require-optimized-style-attribute.md b/docs/rules/require-optimized-style-attribute.md
index a70633b57..dc526df82 100644
--- a/docs/rules/require-optimized-style-attribute.md
+++ b/docs/rules/require-optimized-style-attribute.md
@@ -68,8 +68,6 @@ div.setAttribute('style', `font-size: 12px; color: ${color}; ${/* transformStyle
 
 Examples:
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -92,8 +90,6 @@ Examples:
 <div style="font-size: 12px; {key}: red;" />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/require-store-callbacks-use-set-param.md b/docs/rules/require-store-callbacks-use-set-param.md
index bc8ca71c8..4995fa495 100644
--- a/docs/rules/require-store-callbacks-use-set-param.md
+++ b/docs/rules/require-store-callbacks-use-set-param.md
@@ -15,8 +15,6 @@ since: 'v2.12.0'
 This rule disallows if `readable` / `writable` store's setter function doesn't use `set` parameter.<br>
 This rule doesn't check `derived` store. Therefore if you set a updated value asynchronously, please don't forget to use `set` function.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -63,8 +61,6 @@ This rule doesn't check `derived` store. Therefore if you set a updated value as
 </script>
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/require-store-reactive-access.md b/docs/rules/require-store-reactive-access.md
index deac4f002..6ade59c08 100644
--- a/docs/rules/require-store-reactive-access.md
+++ b/docs/rules/require-store-reactive-access.md
@@ -17,8 +17,6 @@ since: 'v2.12.0'
 This rule disallow to use of the store itself as an operand.  
 You should access the store value using the `$` prefix or the `get` function.
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -59,8 +57,6 @@ You should access the store value using the `$` prefix or the `get` function.
 <MyComponent {...storeValue} />
 ```
 
-</ESLintCodeBlock>
-
 This rule checks the usage of store variables only if the store can be determined within a single file.  
 However, when using `@typescript-eslint/parser` and full type information, this rule uses the type information to determine if the expression is a store.
 
diff --git a/docs/rules/require-stores-init.md b/docs/rules/require-stores-init.md
index 595be46b7..13dcc9985 100644
--- a/docs/rules/require-stores-init.md
+++ b/docs/rules/require-stores-init.md
@@ -14,8 +14,6 @@ since: 'v2.5.0'
 
 This rule is aimed to enforce initial values when initializing the Svelte stores.
 
-<ESLintCodeBlock language="javascript">
-
 <!--eslint-skip-->
 
 ```js
@@ -34,8 +32,6 @@ export const r2 = readable();
 export const d2 = derived([a, b], () => {});
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/shorthand-attribute.md b/docs/rules/shorthand-attribute.md
index 40cc4acee..8a43e3c16 100644
--- a/docs/rules/shorthand-attribute.md
+++ b/docs/rules/shorthand-attribute.md
@@ -16,8 +16,6 @@ since: 'v0.5.0'
 
 This rule enforces the use of the shorthand syntax in attribute.
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 
 <!--eslint-skip-->
@@ -36,8 +34,6 @@ This rule enforces the use of the shorthand syntax in attribute.
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/shorthand-directive.md b/docs/rules/shorthand-directive.md
index 75ada965c..a1b8d8314 100644
--- a/docs/rules/shorthand-directive.md
+++ b/docs/rules/shorthand-directive.md
@@ -16,8 +16,6 @@ since: 'v0.24.0'
 
 This rule enforces the use of the shorthand syntax in directives.
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 
 <!--eslint-skip-->
@@ -43,8 +41,6 @@ This rule enforces the use of the shorthand syntax in directives.
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```json
diff --git a/docs/rules/sort-attributes.md b/docs/rules/sort-attributes.md
index 88652e3f7..4f45af126 100644
--- a/docs/rules/sort-attributes.md
+++ b/docs/rules/sort-attributes.md
@@ -35,8 +35,6 @@ The default order is:
 - `animate:` directive.
 - `let:` directives. (Alphabetical order within the same group.)
 
-<ESLintCodeBlock fix>
-
 <!-- prettier-ignore-start -->
 <!--eslint-skip-->
 
@@ -101,12 +99,8 @@ The default order is:
 
 <!-- prettier-ignore-end -->
 
-</ESLintCodeBlock>
-
 If there is a spread attribute between the attributes, it will not be reported as changing the order can change the behavior.
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -121,8 +115,6 @@ If there is a spread attribute between the attributes, it will not be reported a
 <div d c {...attrs} b a />
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 ```jsonc
@@ -198,8 +190,6 @@ You can use the following formats for names or patterns:
 
 ### `{ order: [ /*See below*/ ] }`
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -267,8 +257,6 @@ You can use the following formats for names or patterns:
 <img alt="bar" {src} id="bar" />
 ```
 
-</ESLintCodeBlock>
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-svelte v2.4.0
diff --git a/docs/rules/spaced-html-comment.md b/docs/rules/spaced-html-comment.md
index 2a7f721de..c251212b6 100644
--- a/docs/rules/spaced-html-comment.md
+++ b/docs/rules/spaced-html-comment.md
@@ -16,8 +16,6 @@ since: 'v0.0.1'
 
 This rule will enforce consistency of spacing after the start of a comment `<!--` and before the end of a comment `-->`.
 
-<ESLintCodeBlock fix>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -30,8 +28,6 @@ This rule will enforce consistency of spacing after the start of a comment `<!--
 <!--✗ BAD-->
 ```
 
-</ESLintCodeBlock>
-
 You cannot enforce this style by using [prettier-plugin-svelte]. That is, this rule does not conflict with [prettier-plugin-svelte] and can be used with [prettier-plugin-svelte].
 
 [prettier-plugin-svelte]: https://github.com/sveltejs/prettier-plugin-svelte
diff --git a/docs/rules/valid-compile.md b/docs/rules/valid-compile.md
index 410f8e4fd..0051a70c4 100644
--- a/docs/rules/valid-compile.md
+++ b/docs/rules/valid-compile.md
@@ -16,8 +16,6 @@ since: 'v0.7.0'
 
 This rule uses Svelte compiler to check the source code.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -33,8 +31,6 @@ This rule uses Svelte compiler to check the source code.
 <img {src} />
 ```
 
-</ESLintCodeBlock>
-
 Note that we exclude reports for some checks, such as `missing-declaration`, and `dynamic-slot-name`, which you can check with different ESLint rules.
 
 ### Using `svelte.config.js`
@@ -91,8 +87,6 @@ export default {
 
 - `ignoreWarnings` ... If set to `true`, ignores any warnings other than fatal errors reported by the svelte compiler.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -105,8 +99,6 @@ export default {
 <img {src} />
 ```
 
-</ESLintCodeBlock>
-
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-svelte v0.7.0
diff --git a/docs/rules/valid-each-key.md b/docs/rules/valid-each-key.md
index 9b58f57a5..bf2d47619 100644
--- a/docs/rules/valid-each-key.md
+++ b/docs/rules/valid-each-key.md
@@ -14,8 +14,6 @@ since: 'v2.28.0'
 
 This rule reports that `{#each}` block keys does not use the variables which are defined by the `{#each}` block.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 ```svelte
@@ -43,8 +41,6 @@ This rule reports that `{#each}` block keys does not use the variables which are
 {/each}
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing.
diff --git a/docs/rules/valid-prop-names-in-kit-pages.md b/docs/rules/valid-prop-names-in-kit-pages.md
index 5d1754b5b..2043bb6d5 100644
--- a/docs/rules/valid-prop-names-in-kit-pages.md
+++ b/docs/rules/valid-prop-names-in-kit-pages.md
@@ -26,8 +26,6 @@ At SvelteKit v1.0.0-next.405, instead of having multiple props corresponding to
   }
 </script>
 
-<ESLintCodeBlock config="{config}">
-
 <!--eslint-skip-->
 
 ```svelte
@@ -50,8 +48,6 @@ At SvelteKit v1.0.0-next.405, instead of having multiple props corresponding to
 {foo}, {bar}
 ```
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 Nothing. But if use are using not default routes folder, please set configuration according to the [user guide](../user-guide.md#settings-svelte-kit).
diff --git a/packages/eslint-plugin-svelte/src/utils/load-module.ts b/packages/eslint-plugin-svelte/src/utils/load-module.ts
index 1c29ef8aa..1676ee4a3 100644
--- a/packages/eslint-plugin-svelte/src/utils/load-module.ts
+++ b/packages/eslint-plugin-svelte/src/utils/load-module.ts
@@ -43,10 +43,3 @@ export function loadModule<R>(context: RuleContext, name: string): R | null {
 	}
 	return null;
 }
-
-/**  Load modules for browser */
-export async function loadModulesForBrowser(): Promise<void> {
-	const [sass, typescript] = await Promise.all([import('sass'), import('typescript')]);
-	cache4b.set('sass', sass);
-	cache4b.set('typescript', typescript);
-}
diff --git a/packages/eslint-plugin-svelte/tools/new-rule.ts b/packages/eslint-plugin-svelte/tools/new-rule.ts
index 16c5ae3ad..e1a93318e 100644
--- a/packages/eslint-plugin-svelte/tools/new-rule.ts
+++ b/packages/eslint-plugin-svelte/tools/new-rule.ts
@@ -94,8 +94,6 @@ tester.run('${ruleId}', rule as any, loadTestCases('${ruleId}'));
 
 This rule reports ???.
 
-<ESLintCodeBlock>
-
 <!--eslint-skip-->
 
 \`\`\`svelte
@@ -109,8 +107,6 @@ This rule reports ???.
 
 \`\`\`
 
-</ESLintCodeBlock>
-
 ## :wrench: Options
 
 \`\`\`json
diff --git a/packages/eslint-plugin-svelte/tools/update-docs.ts b/packages/eslint-plugin-svelte/tools/update-docs.ts
index e51db560a..4702f5273 100644
--- a/packages/eslint-plugin-svelte/tools/update-docs.ts
+++ b/packages/eslint-plugin-svelte/tools/update-docs.ts
@@ -185,8 +185,8 @@ ${
 
 	public adjustCodeBlocks() {
 		// Adjust the necessary blank lines before and after the code block so that GitHub can recognize `.md`.
-		this.content = this.content.replace(/(<ESLintCodeBlock[\s\S]*?>)\n+```/gu, '$1\n\n```');
-		this.content = this.content.replace(/```\n+<\/ESLintCodeBlock>/gu, '```\n\n</ESLintCodeBlock>');
+		this.content = this.content.replace(/\n+```svelte/gu, '\n\n```svelte');
+		this.content = this.content.replace(/\n+```\n+/gu, '\n```\n\n');
 		return this;
 	}