fix(plugin-vue): suppress warnings for non-recognized pseudo selectors form lightningcss (#521)

edison1105 · web-flow · commit 15c0eb0eaff4 · 2025-02-11T15:14:06.000+08:00
diff --git a/packages/plugin-vue/src/index.ts b/packages/plugin-vue/src/index.ts
@@ -277,6 +277,20 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
           !config.isProduction
         ),
       }
+
+      // #507 suppress warnings for non-recognized pseudo selectors from lightningcss
+      const _warn = config.logger.warn
+      config.logger.warn = (...args) => {
+        const msg = args[0]
+        if (
+          msg.match(
+            /\[lightningcss\] '(deep|slotted|global)' is not recognized as a valid pseudo-/,
+          )
+        ) {
+          return
+        }
+        _warn(...args)
+      }
     },
 
     configureServer(server) {
