Fix demo (#56)

Author: ota-meshi

docs/.vuepress/.eslintrc.js

@@ -1,8 +1,5 @@
-// 'use strict'
-
 module.exports = {
     rules: {
-        "prettier/prettier": "off",
-        "require-jsdoc": "off"
+        "require-jsdoc": "off",
     },
 }

docs/.vuepress/components/components/EslintPluginEditor.vue

@@ -44,15 +44,15 @@ export default {
         },
         language: {
             type: String,
-            default:"json"
+            default: "json",
         },
         fileName: {
             type: String,
-            default: "a.json"
+            default: "a.json",
         },
         parser: {
             type: String,
-            default: "jsonc-eslint-parser"
+            default: "jsonc-eslint-parser",
         },
     },
 
@@ -105,7 +105,11 @@ export default {
             }
         },
         linter() {
-            if (!this.eslint4b || !this.jsoncESLintParser || !this.vueESLintParser) {
+            if (
+                !this.eslint4b ||
+                !this.jsoncESLintParser ||
+                !this.vueESLintParser
+            ) {
                 return null
             }
             const Linter = this.eslint4b
@@ -125,7 +129,11 @@ export default {
 
     async mounted() {
         // Load linter asynchronously.
-        const [{ default: eslint4b }, jsoncESLintParser, vueESLintParser] = await Promise.all([
+        const [
+            { default: eslint4b },
+            jsoncESLintParser,
+            vueESLintParser,
+        ] = await Promise.all([
             import("eslint4b"),
             import("espree").then(() => import("jsonc-eslint-parser")),
             import("espree").then(() => import("vue-eslint-parser")),
@@ -142,25 +150,25 @@ export default {
             monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions(
                 {
                     validate: false,
-                }
+                },
             )
             monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions(
                 {
                     validate: false,
-                }
+                },
             )
         })
         editor.$watch("codeEditor", () => {
             if (editor.codeEditor) {
                 editor.codeEditor.onDidChangeModelDecorations(() =>
-                    this.onDidChangeModelDecorations(editor.codeEditor)
+                    this.onDidChangeModelDecorations(editor.codeEditor),
                 )
             }
         })
         editor.$watch("fixedCodeEditor", () => {
             if (editor.fixedCodeEditor) {
                 editor.fixedCodeEditor.onDidChangeModelDecorations(() =>
-                    this.onDidChangeModelDecorations(editor.fixedCodeEditor)
+                    this.onDidChangeModelDecorations(editor.fixedCodeEditor),
                 )
             }
         })

docs/.vuepress/components/components/RulesSettings.vue

@@ -12,16 +12,16 @@
                         <input
                             :checked="
                                 filterRules(category.rules).every((rule) =>
-                                    isErrorState(rule.ruleId)
+                                    isErrorState(rule.ruleId),
                                 )
                             "
                             type="checkbox"
                             :indeterminate.prop="
                                 !filterRules(category.rules).every((rule) =>
-                                    isErrorState(rule.ruleId)
+                                    isErrorState(rule.ruleId),
                                 ) &&
                                 !filterRules(category.rules).every(
-                                    (rule) => !isErrorState(rule.ruleId)
+                                    (rule) => !isErrorState(rule.ruleId),
                                 )
                             "
                             @input="onAllClick(category, $event)"
@@ -91,7 +91,7 @@ export default {
     watch: {},
     methods: {
         filterRules(rules) {
-            return rules.filter(rule=>rule.ruleId !== 'jsonc/auto')
+            return rules.filter((rule) => rule.ruleId !== "jsonc/auto")
         },
         onAllClick(category, e) {
             const rules = Object.assign({}, this.rules)

docs/.vuepress/components/eslint-code-block.vue

@@ -30,15 +30,15 @@ export default {
         },
         language: {
             type: String,
-            default:undefined
+            default: undefined,
         },
         fileName: {
             type: String,
-            default:undefined
+            default: undefined,
         },
         parser: {
             type: String,
-            default:undefined
+            default: undefined,
         },
     },
 
@@ -65,7 +65,7 @@ export default {
             return nodes
                 .map(
                     (node) =>
-                        node.text || this.computeCodeFromSlot(node.children)
+                        node.text || this.computeCodeFromSlot(node.children),
                 )
                 .join("")
         },

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

@@ -88,7 +88,7 @@ categories.sort((a, b) =>
 
 // eslint-disable-next-line node/no-unsupported-features/es-syntax -- DEMO
 export const DEFAULT_RULES_CONFIG = allRules.reduce((c, r) => {
-    if(r.ruleId === "jsonc/auto") {
+    if (r.ruleId === "jsonc/auto") {
         return c
     }
     if (r.ruleId === "vue/no-parsing-error") {

docs/.vuepress/config.js

@@ -1,4 +1,4 @@
-const path = require('path')
+const path = require("path")
 const { rules } = require("../../dist/utils/rules")
 
 function ruleToLink({
@@ -20,7 +20,7 @@ module.exports = {
             resolve: {
                 alias: {
                     module: require.resolve("./shim/module"),
-                    eslint: path.resolve(__dirname, './shim/eslint')
+                    eslint: path.resolve(__dirname, "./shim/eslint"),
                 },
             },
         }
@@ -58,7 +58,7 @@ module.exports = {
                         .filter(
                             (rule) =>
                                 !rule.meta.docs.extensionRule &&
-                                !rule.meta.deprecated
+                                !rule.meta.deprecated,
                         )
                         .map(ruleToLink),
                 },
@@ -69,7 +69,7 @@ module.exports = {
                         .filter(
                             (rule) =>
                                 rule.meta.docs.extensionRule &&
-                                !rule.meta.deprecated
+                                !rule.meta.deprecated,
                         )
                         .map(ruleToLink),
                 },

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

@@ -1,3 +1,20 @@
-const Linter = require('eslint4b')
+const Linter = require("eslint4b")
 class CLIEngine {}
+
+// Workaround
+// https://github.com/mysticatea/eslint4b/issues/8
+const getRules = Linter.prototype.getRules
+Linter.prototype.getRules = function (...args) {
+    const map = getRules.apply(this, args)
+    const originalGet = map.get
+    map.get = (ruleId) => {
+        try {
+            return require(`../../../../node_modules/eslint/lib/rules/${ruleId}`)
+        } catch (_e) {
+            return originalGet.call(map, ruleId)
+        }
+    }
+    return map
+}
+
 module.exports = { Linter, CLIEngine }