@rollup/plugin-eslint and vue compat issue

Is your feature request related to a problem? Please describe.

@rollup/plugin-eslint correctly lints .vue files but also generates linting errors for virtual css files generated from SFCs.

Here is a repro starting from @vitejs/app vue https://github.com/matias-capeletto/vite-rollup-plugin-eslint

Errors during build

C:\vite-rollup-plugin-eslint\index.html
  13:8  error  clear  vue/comment-directive

C:\vite-rollup-plugin-eslint\vite\dynamic-import-polyfill
  37:3  error  '__VITE_IS_MODERN__' is not defined  no-undef

C:\vite-rollup-plugin-eslint\src\App.vue?vue&type=style&index=0&lang.css
  2:1  error  Parsing error: Unexpected character '#'

C:\vite-rollup-plugin-eslint\src\components\HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css
  2:3  error  Parsing error: Unexpected token {

During dev, only the last two are reported.

I tried using { ...eslint(), enforce: 'pre' } but it didn’t help. From the reported error, eslint may be interpreting that HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css is a .vue file instead of a .css

Additional context

vite version: 2.0.0-beta.29 Operating System: Windows 10 Home, 10.0.18363 N/A Build 18363 Node version: v15.5.0 Package manager and version: yarn v1.22.10

[jcayzac]

I just tried using @rollup/plugin-eslint with the react-ts template, and it was linting the compiled files instead of the source files. Adding enforce: 'pre' fixed it.

[yyx990803]

Btw we should link to your site in the rollup plugin compat section!