Fixed broken links

Author: ota-meshi

README.md

@@ -97,10 +97,10 @@ Enforce all the rules in this category with:
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
-| [vue-scoped-css/no-parsing-error](./no-parsing-error.md) | Disallow parsing errors in `<style>` |  |
-| [vue-scoped-css/no-unused-keyframes](./no-unused-keyframes.md) | Reports the `@keyframes` is not used in Scoped CSS. |  |
-| [vue-scoped-css/no-unused-selector](./no-unused-selector.md) | Reports selectors defined in Scoped CSS not used in `<template>`. |  |
-| [vue-scoped-css/require-scoped](./require-scoped.md) | Enforce the `<style>` tags to has the `scoped` attribute. |  |
+| [vue-scoped-css/no-parsing-error](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/no-parsing-error.html) | Disallow parsing errors in `<style>` |  |
+| [vue-scoped-css/no-unused-keyframes](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/no-unused-keyframes.html) | Reports the `@keyframes` is not used in Scoped CSS. |  |
+| [vue-scoped-css/no-unused-selector](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/no-unused-selector.html) | Reports selectors defined in Scoped CSS not used in `<template>`. |  |
+| [vue-scoped-css/require-scoped](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/require-scoped.html) | Enforce the `<style>` tags to has the `scoped` attribute. |  |
 
 ## Uncategorized
 
@@ -119,7 +119,7 @@ For example:
 
 | Rule ID | Description |    |
 |:--------|:------------|:---|
-| [vue-scoped-css/require-selector-used-inside](./require-selector-used-inside.md) | Reports the defined selectors is not used inside `<template>`. |  |
+| [vue-scoped-css/require-selector-used-inside](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/require-selector-used-inside.html) | Reports the defined selectors is not used inside `<template>`. |  |
 
 <!--RULES_TABLE_END-->
 <!--RULES_SECTION_END-->

tools/render-rules.ts

@@ -2,37 +2,43 @@ import categories from "./lib/categories"
 import { Rule } from "../lib/types"
 import { rules } from "../lib/utils/rules"
 
-// -----------------------------------------------------------------------------
-
-//eslint-disable-next-line require-jsdoc
-function toRuleRow(rule: Rule) {
-    const mark = `${rule.meta.fixable ? ":wrench:" : ""}${
-        rule.meta.deprecated ? ":warning:" : ""
-    }`
-    const link = `[${rule.meta.docs.ruleId}](./${rule.meta.docs.ruleName}.md)`
-    const description = rule.meta.docs.description || "(no description)"
-
-    return `| ${link} | ${description} | ${mark} |`
-}
-
-//eslint-disable-next-line require-jsdoc
-function toDeprecatedRuleRow(rule: Rule) {
-    const link = `[${rule.meta.docs.ruleId}](./${rule.meta.docs.ruleName}.md)`
-    const replacedRules = rule.meta.docs.replacedBy || []
-    const replacedBy = replacedRules
-        .map(name => `[vue-scoped-css/${name}](./${name}.md)`)
-        .join(", ")
-
-    return `| ${link} | ${replacedBy || "(no replacement)"} |`
-}
-
 //eslint-disable-next-line require-jsdoc
-export default function renderRulesTableContent() {
+export default function renderRulesTableContent(
+    buildRulePath = (ruleName: string) => `./${ruleName}.md`,
+) {
     const uncategorizedRules = rules.filter(
         rule => !rule.meta.docs.category && !rule.meta.deprecated,
     )
     const deprecatedRules = rules.filter(rule => rule.meta.deprecated)
 
+    // -----------------------------------------------------------------------------
+
+    //eslint-disable-next-line require-jsdoc
+    function toRuleRow(rule: Rule) {
+        const mark = `${rule.meta.fixable ? ":wrench:" : ""}${
+            rule.meta.deprecated ? ":warning:" : ""
+        }`
+        const link = `[${rule.meta.docs.ruleId}](${buildRulePath(
+            rule.meta.docs.ruleName,
+        )})`
+        const description = rule.meta.docs.description || "(no description)"
+
+        return `| ${link} | ${description} | ${mark} |`
+    }
+
+    //eslint-disable-next-line require-jsdoc
+    function toDeprecatedRuleRow(rule: Rule) {
+        const link = `[${rule.meta.docs.ruleId}](${buildRulePath(
+            rule.meta.docs.ruleName,
+        )})`
+        const replacedRules = rule.meta.docs.replacedBy || []
+        const replacedBy = replacedRules
+            .map(name => `[vue-scoped-css/${name}](${buildRulePath(name)}.md)`)
+            .join(", ")
+
+        return `| ${link} | ${replacedBy || "(no replacement)"} |`
+    }
+
     // -----------------------------------------------------------------------------
     let rulesTableContent = categories
         .map(category =>

tools/update-readme.ts

@@ -4,7 +4,10 @@ import os from "os"
 import renderRulesTableContent from "./render-rules"
 const isWin = os.platform().startsWith("win")
 
-let insertText = `\n${renderRulesTableContent()}\n`
+let insertText = `\n${renderRulesTableContent(
+    name =>
+        `https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/${name}.html`,
+)}\n`
 if (isWin) {
     insertText = insertText
         .replace(/\r?\n/gu, "\n")