How can we disable svelte warnings? (a11y, etc)

[powellnorma]

sveltejs/language-tools#650 (comment)

I tried adjusting it via .vscode/settings.json, svelte.config.js, vite.config.js, but it did not have an effect. I guess I'd have to adjust wxt.config.ts, but not sure if

const IGNORED_WARNINGS = [
    'a11y-autofocus',
    'a11y-click-events-have-key-events',
    'a11y-label-has-associated-control',
    'a11y-no-noninteractive-element-interactions',
];


    plugins: [
        svelte({
            onwarn(warning, handler) {
                if (!IGNORED_WARNINGS.includes(warning.code))
                    handler(warning)
            },
        }),
    ],

would work, since wxt seems to use modules: ['@wxt-dev/module-svelte'] instead.

[powellnorma]

Okay I found at https://www.npmjs.com/package/@wxt-dev/module-svelte how to pass options:

  svelte: {
    vite: {
      onwarn(warning, handler) {
        if (!IGNORED_WARNINGS.includes(warning.code) && !warning.code.startsWith('a11y-'))
          handler(warning)
      },
      compilerOptions: {
        // disable all warnings coming from node_modules and all accessibility warnings
        warningFilter: (warning) => !warning.filename?.includes('node_modules') && !warning.code.startsWith('a11y')
      }
    },
  },

However the warnings still show up.. :/

[powellnorma]

After I wrote the following into svelte.config.js, the warnings disappeared:

export default {
  compilerOptions: {
    // disable all warnings coming from node_modules and all accessibility warnings
    warningFilter: (warning) => !warning.filename?.includes('node_modules') && !warning.code.startsWith('a11y')
  },
  onwarn: (warning, handler) => {
    if (warning.code.startsWith('a11y-')) {
      return;
    }
    handler(warning);
  },
}