When using Vue 2 with LightningCSS (via vite.config.ts), the following warning appears:
[lightningcss] ** is not recognized as a valid pseudo-class selector
This occurs because LightningCSS doesn't recognize the pseudo as a valid pseudo-class, even though it's a valid Vue.js scoped CSS feature.
We can apply the same warning suppression mechanism from vite-plugin-vue to vite-plugin-vue2. The fix suppresses the specific warning about v-deep and deep pseudo-classes in LightningCSS.
There is a repo reproduce
I'm preparing a PR.
References
When using Vue 2 with LightningCSS (via
vite.config.ts), the following warning appears:This occurs because LightningCSS doesn't recognize the pseudo as a valid pseudo-class, even though it's a valid Vue.js scoped CSS feature.
We can apply the same warning suppression mechanism from vite-plugin-vue to vite-plugin-vue2. The fix suppresses the specific warning about v-deep and deep pseudo-classes in LightningCSS.
There is a repo reproduce
I'm preparing a PR.
References