fix: document link for eslint core rule

Author: yeonjuan

src/components/LintMessages.tsx

@@ -4,9 +4,26 @@ import { Alert } from "react-bootstrap";
 import type { FC } from "react";
 import type { Linter } from "eslint";
 
-const DOCS_PATH =
+const TS_ESLINT_DOCS_PATH =
   "https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/";
 
+const ESLINT_DOCS_PATH = "https://eslint.org/docs/rules/";
+
+function isTSESLintRule (ruleId: string) {
+  return ruleId.startsWith('@typescript-eslint');
+}
+
+function getDocLink (ruleId: string | null) {
+  if (ruleId) {
+    if (isTSESLintRule(ruleId)) {
+      return `${TS_ESLINT_DOCS_PATH}${ruleId.replace(`${TS_ESLINT_SCOPE}/`, '')}.md`;
+    } else {
+      return `${ESLINT_DOCS_PATH}${ruleId}`;
+    }
+  }
+  return '';
+}
+
 interface Props {
   messages?: Linter.LintMessage[];
 }
@@ -22,10 +39,7 @@ export const LintMessages: FC<Props> = (props) => {
         ({ line = 0, column = 0, message: lintMsg, ruleId, fatal }, index) => {
           const variant = fatal ? "danger" : "primary";
           const key = `lint-msg-${index}`;
-          const docUrl = `${DOCS_PATH}${ruleId?.replace(
-            `${TS_ESLINT_SCOPE}/`,
-            ""
-          )}.md`;
+          const docUrl = getDocLink(ruleId);
           return (
             <Alert variant={variant} key={key}>
               {`${line}:${column} - ${lintMsg}`}(