chore: use ESLint V9 and fix errors

Author: chengpeiquan

.gitignore

@@ -18,7 +18,6 @@ pnpm-debug.log*
 
 # Editor directories and files
 .idea
-.vscode
 *.suo
 *.ntvs*
 *.njsproj

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+auto-install-peers=true

.vitepress/config.ts

@@ -1,10 +1,10 @@
 import { resolve } from 'path'
-import { defineConfig } from 'vitepress'
 import banner from 'vite-plugin-banner'
+import { defineConfig } from 'vitepress'
+import pkg from '../package.json'
 import { head } from './head'
 import { nav } from './nav'
 import { sidebar } from './sidebar'
-import pkg from '../package.json'
 
 export default defineConfig({
   appearance: 'dark',

.vitepress/theme/components/GitalkComment.vue

@@ -38,14 +38,12 @@ onMounted(init)
   color: var(--c-brand) !important;
 }
 .gitalk-container :deep(.gt-container) .gt-header-textarea {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
-    Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
+    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   background-color: var(--c-bg-light);
 }
-.gitalk-container
-  :deep(.gt-container)
-  .gt-svg
-  svg {
+.gitalk-container :deep(.gt-container) .gt-svg svg {
   fill: var(--c-brand);
 }
 .gitalk-container :deep(.gt-container) .gt-link {
@@ -59,28 +57,17 @@ onMounted(init)
   color: var(--c-brand);
   background-color: var(--c-bg);
 }
-.gitalk-container
-  :deep(.gt-container)
-  .gt-comments
-  .gt-comments-null {
+.gitalk-container :deep(.gt-container) .gt-comments .gt-comments-null {
   color: var(--c-text);
 }
-.gitalk-container
-  :deep(.gt-container)
-  .gt-comment-content {
+.gitalk-container :deep(.gt-container) .gt-comment-content {
   background-color: var(--c-bg-light);
   box-shadow: none;
 }
-.gitalk-container
-  :deep(.gt-container)
-  .gt-comment-content
-  .gt-comment-body {
+.gitalk-container :deep(.gt-container) .gt-comment-content .gt-comment-body {
   color: var(--c-text) !important;
 }
-.gitalk-container
-  :deep(.gt-container)
-  .gt-comment-content
-  blockquote {
+.gitalk-container :deep(.gt-container) .gt-comment-content blockquote {
   color: var(--c-text-quote) !important;
   border: 0;
   background-color: var(--c-bg-lighter);

.vitepress/theme/components/ImgWrap.vue

@@ -31,7 +31,7 @@ const isDark = ref<boolean>(false)
 
 // 动态切换的图片地址
 const imgUrl = computed(() =>
-  isDark.value && props.dark ? props.dark : props.src
+  isDark.value && props.dark ? props.dark : props.src,
 )
 
 // 侦听器

.vitepress/theme/index.ts

@@ -1,13 +1,12 @@
-import { inBrowser } from 'vitepress'
-import defaultTheme from 'vitepress/theme'
 import { createVitePressBaiduAnalytics } from '@web-analytics/vue'
+import { type Theme, inBrowser } from 'vitepress'
+import defaultTheme from 'vitepress/theme'
 import GitalkComment from './components/GitalkComment.vue'
 import ImgWrap from './components/ImgWrap.vue'
 import ReadingTips from './components/ReadingTips.md'
-import { setSymbolStyle, replaceSymbol } from './plugins/symbol'
 import { isInvalidRoute, redirect } from './plugins/redirect'
+import { replaceSymbol, setSymbolStyle } from './plugins/symbol'
 import './styles/custom.css'
-import type { Theme } from 'vitepress'
 
 const { baiduAnalytics, registerBaiduAnalytics } =
   createVitePressBaiduAnalytics()

.vitepress/theme/plugins/redirect.ts

@@ -1,44 +1,35 @@
 import { inBrowser } from 'vitepress'
 
-/**
- * 重定向的 Map 表
- */
+/** 重定向的 Map 表 */
 export const redirectMap = {
   update: 'upgrade',
 }
 
-/**
- * 根据页面 URL 提取路由名称
- */
+/** 根据页面 URL 提取路由名称 */
 export function getRouteName() {
   if (!inBrowser) return ''
   const { pathname } = window.location
   const routeName = pathname.slice(1).replace('.html', '')
   return routeName
 }
 
-/**
- * 判断是否无效路由
- */
+/** 判断是否无效路由 */
 export function isInvalidRoute() {
   if (!inBrowser) return false
   const routeName = getRouteName()
   const keys = Object.keys(redirectMap)
   return keys.includes(routeName)
 }
 
-/**
- * 获取重定向目标
- */
+/** 获取重定向目标 */
 export function redirectTarget() {
   if (!inBrowser) return '/'
-  const routeName = getRouteName()
-  return `/${redirectMap[routeName]}.html` || '/'
+  const routeName = getRouteName() as keyof typeof redirectMap
+  const target = redirectMap[routeName]
+  return target ? `/${target}.html` : '/'
 }
 
-/**
- * 重定向
- */
+/** 重定向 */
 export function redirect() {
   if (!inBrowser) return
   window.location.replace(redirectTarget())

.vitepress/theme/plugins/symbol.ts

@@ -1,5 +1,5 @@
-import { inBrowser } from 'vitepress'
 import { loadRes } from '@bassist/utils'
+import { inBrowser } from 'vitepress'
 
 interface Config {
   hot: string
@@ -18,9 +18,7 @@ const iconConfig: Config = {
   new: '<i class="sidebar__icon--default sidebar__icon--new"></i>',
 }
 
-/**
- * 设置图标样式
- */
+/** 设置图标样式 */
 export function setSymbolStyle() {
   if (!inBrowser) return
   try {
@@ -69,16 +67,14 @@ export function setSymbolStyle() {
       id: 'symbol-plugin',
       resource: CSS,
     }).catch((e) => {
-      console.log(e)
+      console.error(e)
     })
   } catch (e) {
-    console.log(e)
+    console.error(e)
   }
 }
 
-/**
- * 执行标记替换
- */
+/** 执行标记替换 */
 export function replaceSymbol() {
   if (!inBrowser) return
   setTimeout(() => {
@@ -95,35 +91,31 @@ export function replaceSymbol() {
       doms.forEach((item) => {
         let html = item.innerHTML
 
-        for (const key in markConfig) {
-          if (Object.hasOwnProperty.call(markConfig, key)) {
-            const k = key as keyof Config
-            const mark = markConfig[k]
-            const icon = iconConfig[k]
-            const reg = new RegExp(mark, 'img')
+        for (const [key, mark] of Object.entries(markConfig)) {
+          const k = key as keyof Config
+          const icon = iconConfig[k]
+          const reg = new RegExp(mark, 'img')
 
-            // 只处理包含标记的元素
-            if (html.includes(mark)) {
-              // 部分元素不显示图标
-              const { nodeName } = item
-              switch (nodeName) {
-                case 'H2':
-                case 'H3':
-                case 'H4':
-                  html = html.replace(reg, '')
-                  break
-                default:
-                  html = html.replace(reg, icon)
-              }
-
-              // 渲染
-              item.innerHTML = html
+          // 只处理包含标记的元素
+          if (html.includes(mark)) {
+            const { nodeName } = item
+            switch (nodeName) {
+              case 'H2':
+              case 'H3':
+              case 'H4':
+                html = html.replace(reg, '')
+                break
+              default:
+                html = html.replace(reg, icon)
             }
+
+            // 渲染
+            item.innerHTML = html
           }
         }
       })
     } catch (e) {
-      console.log(e)
+      console.error(e)
     }
   }, 100)
 }

.vitepress/vite-env.d.ts

@@ -1,8 +1,16 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>
+  import { type DefineComponent } from 'vue'
+
+  const component: DefineComponent<object, object, any>
+  export default component
+}
+
+declare module '*.md' {
+  // eslint-disable-next-line no-duplicate-imports
+  import { type DefineComponent } from 'vue'
+
+  const component: DefineComponent<object, object, any>
   export default component
 }

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "cSpell.words": ["Undici"],
+  "editor.formatOnSave": true,
+  "eslint.useFlatConfig": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "always",
+    "source.fixAll.prettier": "always"
+  }
+}