docs: use vitepress instead of vuepress (#57)

* chore: use vitepress instead of vuepress

* revert

* update color

* doc: update class

Author: ota-meshi

.eslintignore

@@ -0,0 +1,8 @@
+/.nyc_output
+/coverage
+/docs/.vitepress/dist
+/docs/.vitepress/cache
+/node_modules
+/test.*
+
+!docs/.vitepress

.github/workflows/GHPages.yml

@@ -36,7 +36,7 @@ jobs:
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v1
         with:
-          path: ./docs/.vuepress/dist
+          path: ./docs/.vitepress/dist/eslint-plugin-es-x
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v1

.gitignore

@@ -1,5 +1,6 @@
 /.nyc_output
 /coverage
-/docs/.vuepress/dist
+/docs/.vitepress/dist
+/docs/.vitepress/cache
 /node_modules
 /test.*

docs/.vitepress/.eslintrc.js

@@ -0,0 +1,26 @@
+"use strict"
+
+module.exports = {
+    rules: {
+        "node/no-missing-import": "off",
+        "node/no-extraneous-import": "off",
+        "node/file-extension-in-import": "off",
+        "node/no-extraneous-require": "off",
+    },
+    globals: {
+        window: "readonly",
+        document: "readonly",
+    },
+    overrides: [
+        {
+            files: ["*.vue"],
+            rules: {
+                "vue/multiline-html-element-content-newline": "off",
+                "vue/singleline-html-element-content-newline": "off",
+                "vue/name-property-casing": "off",
+                "vue/html-self-closing": "off",
+                "vue/comma-dangle": "off",
+            },
+        },
+    ],
+}

docs/.vitepress/config.js

@@ -0,0 +1,63 @@
+"use strict"
+
+const { defineConfig } = require("vitepress")
+const path = require("path")
+
+const { categories } = require("../../scripts/rules.js")
+const { viteCommonjs, vitePluginRequireResolve } = require("./vite-plugin")
+const { default: eslint4b } = require("vite-plugin-eslint4b")
+
+module.exports = defineConfig({
+    title: "eslint-plugin-es-x",
+    base: "/eslint-plugin-es-x/",
+    description: "ESLint plugin about ECMAScript syntax.",
+    head: [["link", { rel: "icon", href: "/favicon.png" }]],
+
+    outDir: path.resolve(__dirname, "./dist/eslint-plugin-es-x"),
+    vite: {
+        publicDir: path.resolve(__dirname, "./public"),
+        plugins: [eslint4b(), vitePluginRequireResolve(), viteCommonjs()],
+        define: {
+            MONACO_EDITOR_VERSION: JSON.stringify(
+                require("monaco-editor/package.json").version,
+            ),
+        },
+    },
+
+    lastUpdated: true,
+    themeConfig: {
+        editLink: {
+            pattern:
+                "https://github.com/eslint-community/eslint-plugin-es-x/edit/master/docs/:path",
+        },
+        socialLinks: [
+            {
+                icon: "github",
+                link: "https://github.com/eslint-community/eslint-plugin-es-x",
+            },
+        ],
+
+        nav: [
+            { text: "Guide", link: "/" },
+            { text: "Rules", link: "/rules/" },
+        ],
+
+        sidebar: [
+            {
+                items: [
+                    { text: "Guide", link: "/" },
+                    { text: "Available Rules", link: "/rules/" },
+                ],
+            },
+            ...Object.values(categories)
+                .filter((menu) => menu.rules.length)
+                .map((category) => ({
+                    text: category.title,
+                    items: category.rules.map(({ ruleId }) => ({
+                        text: `es-x/${ruleId}`,
+                        link: `/rules/${ruleId}`,
+                    })),
+                })),
+        ],
+    },
+})

docs/.vitepress/theme/Layout.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { useData } from "vitepress"
+import DefaultTheme from "vitepress/theme"
+import { computed } from "vue"
+const BaseLayout = DefaultTheme.Layout
+const { frontmatter } = useData()
+const pageClass = computed(() => frontmatter.value.pageClass || "")
+</script>
+
+<template>
+    <div :class="pageClass">
+        <base-layout />
+    </div>
+</template>
+
+<style scoped>
+/* Rule Page */
+.rule-details :deep(.main h1 + blockquote ::first-letter) {
+    text-transform: uppercase;
+}
+</style>