Show warnings only in console

[GabriFila]

Hi, love this plugin!

Is there a way to now show any kind of warning (TS, ESlint, ...) as an overlay but show them only in the console? A bit like CRA behaves?

Thank you

[fi3ework]

It's not configurable to disable the runtime code for now. But as a workaround, you can pass display: none; to the badgeStyle property to hide the badge entirely at development mode and no runtime of this plugin will be bundled in production mode. Check the documentaion https://github.com/fi3ework/vite-plugin-checker/blob/main/README.md#checker-common-config

[GabriFila]

I didn't fully understand your answer, why do you mention runtime code? How difficult would it be to add this feature? Could I make a PR?

Thanks

[fi3ework]

configure it like this and the badge will disappear.

export default defineConfig({
  plugins: [
    checker({
      overlay: { badgeStyle: 'display: none;' , }
    }),
  ],
})

The runtime code refers to the overlay code which is injected into the index.html under development mode. Ideally, if we disable the overlay, there's no injected runtime code at all. But for now, we can display: none to achieve the same target, but there's still runtime code injected without visibility. I can't tell how much it will cost to make a PR. Feel free to commit any code even you are not sure does it OK with all edge cases.

[SutuSebastian]

@fi3ework I think what @GabriFila was trying to say is that if the warnings (most likely from ESLint) in the overlay could be hidden (not by default, but configurable) but visible in the terminal output.

[GabriFila]

Yes that's it. Since the popup is blocking, to me it makes sense to have it only when it is an error. I like to see warnings only in the console like "I know it's there but I'll think about it later"

[SutuSebastian]

@GabriFila I want to achieve the same exact behaviour 👍

[AndreKR]

This issue is done, isn't it? I was able to disable the overlay with overlay: false:

plugins: [vue(), checker({ eslint: { lintCommand: 'eslint src' }, overlay: false })],

[SutuSebastian]

@AndreKR the main issue is that we can't control the granularity on the "disabled" state of, for example: "warnings", being enabled in terminal output but disabled in the overlay.

[slutske22]

Hard agree. Would love to see both TS errors and eslint warnings in the console, but only ts errors in the overlay

[moander]

Note to Quasar users. Plugin checker config is found in quasar.config.js