feat: support warningFilter in valid-compile rule (#984)

Author: baseballyama

.changeset/great-turkeys-hang.md

@@ -0,0 +1,5 @@
+---
+'eslint-plugin-svelte': minor
+---
+
+feat: support `warningFilter` in `valid-compile` rule

docs/rules/valid-compile.md

@@ -35,7 +35,7 @@ Note that we exclude reports for some checks, such as `missing-declaration`, and
 
 ### Using `svelte.config.js`
 
-If you want to suppress messages using [`onwarn` like `vite-plugin-svelte`](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#onwarn), Use `eslint.config.js` and specify the information in `svelte.config.js` in your parser configuration.
+If you want to suppress messages using [`warningFilter`](https://svelte.dev/docs/svelte/svelte-compiler#ModuleCompileOptions) or `onwarn` like [`vite-plugin-svelte`](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#onwarn), Use `eslint.config.js` and specify the information in `svelte.config.js` in your parser configuration.
 
 ```js
 import svelteConfig from './svelte.config.js';
@@ -54,9 +54,26 @@ export default [
 
 See also [User Guide > Specify `svelte.config.js`](../user-guide.md#specify-svelte-config-js)
 
+#### warningFilter
+
+This rule can use [`warningFilter`](https://svelte.dev/docs/svelte/svelte-compiler#ModuleCompileOptions).
+
+Example:
+
+```js
+// svelte.config.js
+export default {
+  warningFilter: (warning) => {
+    if (warning.code === 'a11y-distracting-elements') return false;
+    if (warning.code === 'a11y_distracting_elements') return false; // for Svelte v5
+    return true;
+  }
+};
+```
+
 #### onwarn
 
-This rule can use [`onwarn` like `vite-plugin-svelte`](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#onwarn).
+This rule can use `onwarn` like [`vite-plugin-svelte`](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#onwarn).
 
 Example:
 

packages/eslint-plugin-svelte/src/rules/valid-compile.ts

@@ -55,16 +55,22 @@ export default createRule('valid-compile', {
 		if (!sourceCode.parserServices.isSvelte) {
 			return {};
 		}
-		const onwarn = sourceCode.parserServices.svelteParseContext?.svelteConfig?.onwarn;
+		const { onwarn, warningFilter } =
+			sourceCode.parserServices.svelteParseContext?.svelteConfig ?? {};
 
-		const transform: (warning: Warning) => Warning | null = onwarn
+		const transform: (warning: Warning) => Warning | null = warningFilter
 			? (warning) => {
 					if (!warning.code) return warning;
-					let result: Warning | null = null;
-					onwarn(warning, (reportWarn) => (result = reportWarn));
-					return result;
+					return warningFilter(warning) ? warning : null;
 				}
-			: (warning) => warning;
+			: onwarn
+				? (warning) => {
+						if (!warning.code) return warning;
+						let result: Warning | null = null;
+						onwarn(warning, (reportWarn) => (result = reportWarn));
+						return result;
+					}
+				: (warning) => warning;
 
 		const ignoreWarnings = Boolean(context.options[0]?.ignoreWarnings);
 		const globalStyleRanges: [Position, Position][] = [];