Chore: use meta.docs.url

Author: mysticatea

src/app-state.js

@@ -3,6 +3,17 @@ import defaultCode from "./app-state/default-code.js"
 import defaultConfig from "./app-state/default-config.js"
 import { linter, ruleCategories } from "./app-state/eslint.js"
 
+export { ruleCategories }
+
+/**
+ * Get the document URL of a rule.
+ * @param {string} ruleId The rule ID to get.
+ * @returns {string|null} The document URL of the rule.
+ */
+export function getRuleUrl(ruleId) {
+    return linter.getRules().get(ruleId).meta.docs.url
+}
+
 /**
  * The state object for this application.
  */
@@ -187,5 +198,3 @@ export default class PlaygroundState {
         }
     }
 }
-
-export { ruleCategories }

src/app-state/eslint.js

@@ -76,6 +76,7 @@ const ruleCategories = (() => {
         category.rules.push({
             name,
             description: meta.docs.description || "no description",
+            url: meta.docs.url,
             fixable: Boolean(meta.fixable),
         })
     }

src/configuration-rules-select.vue

@@ -10,7 +10,6 @@
 
 <script>
 import ConfigurationCategory from "./configuration-category.vue"
-import { getRuleUrl } from "./util.js"
 
 export default {
     name: "ConfigurationRulesSelect",
@@ -35,13 +34,12 @@ export default {
     computed: {
         rules() {
             const severityMap = this.config.rules
-            return this.category.rules.map(r => ({
-                id: r.name,
-                name: r.name,
-                description: r.description,
-                url: getRuleUrl(r.name),
-                checked: severityMap[r.name] === 2,
-            }))
+            return this.category.rules.map(rule =>
+                Object.assign(
+                    { id: rule.name, checked: severityMap[rule.name] === 2 },
+                    rule
+                )
+            )
         },
 
         countChecked() {
@@ -69,7 +67,7 @@ export default {
             const severityMap = this.config.rules
             if (id == null) {
                 for (const rule of this.rules) {
-                    severityMap[rule.id] = (checked ? 2 : 0)
+                    severityMap[rule.name] = (checked ? 2 : 0)
                 }
             }
             else {

src/message-list.vue

@@ -21,7 +21,7 @@
 
 <script>
 import MdIcon from "./md-icon.vue"
-import { getRuleUrl } from "./util.js"
+import { getRuleUrl } from "./app-state"
 
 export default {
     name: "MessageList",