chore: fix site

Author: ota-meshi

docs/.vuepress/components/rules/index.js

@@ -117,12 +117,12 @@ categories.sort((a, b) =>
   a.categoryOrder > b.categoryOrder
     ? 1
     : a.categoryOrder < b.categoryOrder
-    ? -1
-    : a.title > b.title
-    ? 1
-    : a.title < b.title
-    ? -1
-    : 0,
+      ? -1
+      : a.title > b.title
+        ? 1
+        : a.title < b.title
+          ? -1
+          : 0,
 );
 
 export const DEFAULT_RULES_CONFIG = allRules.reduce((c, r) => {

docs/.vuepress/config.js

@@ -8,7 +8,6 @@ module.exports = {
   title: "eslint-plugin-vue-scoped-css",
   description: "ESLint plugin for Scoped CSS in Vue.js.",
   serviceWorker: true,
-  evergreen: true,
   configureWebpack(_config, _isServer) {
     return {
       externals: {
@@ -24,11 +23,12 @@ module.exports = {
             __dirname,
             "../../node_modules/@eslint/eslintrc/dist/eslintrc-universal.cjs",
           ),
-          "eslint/use-at-your-own-risk": path.resolve(
-            "./shim/eslint/use-at-your-own-risk.js",
+          "eslint/use-at-your-own-risk": require.resolve(
+            "./shim/eslint/use-at-your-own-risk",
           ),
           eslint$: require.resolve("./shim/eslint"),
           "eslint-visitor-keys": require.resolve("./shim/eslint-visitor-keys"),
+          "eslint-compat-utils": require.resolve("eslint-compat-utils"), // use cjs
           // eslint-disable-next-line n/no-extraneous-require -- demo
           stylus: require.resolve("stylus/lib/stylus"),
           glob: require.resolve("./shim/glob"),
@@ -47,7 +47,34 @@ module.exports = {
       ],
     };
   },
-
+  chainWebpack(config) {
+    const babelTargetModules = [
+      path.resolve(__dirname, "../../node_modules/eslint-plugin-vue"),
+    ];
+    const ignoreModules = [path.resolve(__dirname, "../../node_modules")];
+    const libDir = path.resolve(__dirname, "../..");
+    config.module
+      .rule("js")
+      .exclude.clear()
+      .add((filepath) => {
+        // always transpile js in vue files
+        if (/\.vue\.js$/.test(filepath)) {
+          return false;
+        }
+        if (babelTargetModules.some((m) => filepath.startsWith(m))) {
+          return false;
+        }
+        if (ignoreModules.some((m) => filepath.startsWith(m))) {
+          return true;
+        }
+        if (filepath.startsWith(libDir)) {
+          return false;
+        }
+        return true;
+      })
+      .end()
+      .use("babel-loader");
+  },
   head: [
     // ["link", { rel: "icon", type: "image/png", href: "/logo.png" }]
   ],

docs/.vuepress/shim/eslint/index.js

@@ -1,4 +1,6 @@
 /* eslint n/no-unsupported-features/es-syntax:0 -- ignore */
 import { Linter } from "eslint/lib/linter";
-export { Linter };
-export default { Linter };
+class CLIEngine {}
+class ESLint {}
+export { Linter, CLIEngine, ESLint };
+export default { Linter, CLIEngine, ESLint };

package-lock.json

@@ -78,7 +78,7 @@
     "mocha": "^10.0.0",
     "nyc": "^15.1.0",
     "pack": "^2.2.0",
-    "prettier": "^3.0.0",
+    "prettier": "^3.1.0",
     "raw-loader": "^4.0.1",
     "rimraf": "^3.0.2",
     "semver": "^7.3.2",

package.json

@@ -42,8 +42,8 @@ for (const config of configs) {
   const extendsList: string[] = !config.config.extends
     ? []
     : Array.isArray(config.config.extends)
-    ? config.config.extends
-    : [config.config.extends];
+      ? config.config.extends
+      : [config.config.extends];
   config.extends = extendsList
     .map((p) => configs.find((c) => c.path === p))
     .filter(isDefined);