refactor: use vue3 instead of preact

iFwu · Oct 15, 2024 · 78e5165 · 78e5165
1 parent d92b226
commit 78e5165
Show file tree

Hide file tree

Showing 33 changed files with 1,008 additions and 994 deletions.
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -1,7 +1,9 @@
 {
   "semi": true,
   "singleQuote": true,
+  "printWidth": 80,
   "tabWidth": 2,
   "trailingComma": "es5",
-  "printWidth": 100
+  "bracketSpacing": true,
+  "vueIndentScriptAndStyle": true
 }
diff --git a/index.html b/index.html
@@ -1,21 +1,25 @@
 <!doctype html>
 <html lang="zh-CN">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <meta name="description" content="在线象棋棋盘识别与分析系统，提供棋局识别、FEN生成、最佳走法分析等功能。" />
-    <meta name="keywords" content="象棋,棋盘识别,象棋分析,FEN,最佳走法,中国象棋" />
-    <meta name="author" content="@iFwu" />
-    <meta name="theme-color" content="#4a4a4a" />
-    <meta property="og:title" content="象棋棋盘识别与分析系统" />
-    <meta property="og:description" content="在线象棋棋盘识别与分析系统，提供棋局识别、FEN生成、最佳走法分析等功能。" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://ifwu.github.io/xiangqi-analysis/" />
-    %VITE_UMAMI_SCRIPT%
-    <title>象棋棋盘识别与分析系统 | 在线象棋分析工具</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta name="description" content="在线象棋棋盘识别与分析系统，提供棋局识别、FEN生成、最佳走法分析等功能。" />
+  <meta name="keywords" content="象棋,棋盘识别,象棋分析,FEN,最佳走法,中国象棋" />
+  <meta name="author" content="@iFwu" />
+  <meta name="theme-color" content="#4a4a4a" />
+  <meta property="og:title" content="象棋棋盘识别与分析系统" />
+  <meta property="og:description" content="在线象棋棋盘识别与分析系统，提供棋局识别、FEN生成、最佳走法分析等功能。" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://ifwu.github.io/xiangqi-analysis/" />
+  %VITE_UMAMI_SCRIPT%
+  <title>象棋棋盘识别与分析系统 | 在线象棋分析工具</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
 </html>
diff --git a/package.json b/package.json
@@ -13,20 +13,21 @@
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
     "prepare": "husky",
+    "lint": "eslint ",
     "test": "echo \"No tests specified\" && exit 0"
   },
   "dependencies": {
     "@techstark/opencv-js": "^4.10.0-release.1",
     "ml-kmeans": "^6.0.0",
-    "preact": "^10.24.1"
+    "vue": "^3.5.12"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.9.1",
+    "@vitejs/plugin-vue": "^5.1.4",
     "husky": "^9.1.6",
-    "lint-staged": "^15.2.0",
+    "lint-staged": "^15.2.10",
     "prettier": "^3.3.3",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.8",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.9",
     "vite-plugin-cdn2": "^1.1.0",
     "vite-plugin-markdown": "^2.2.0"
   },
@@ -38,4 +39,4 @@
       "prettier --write"
     ]
   }
-}
+}