use Monaco for code font

index.html

@@ -5,6 +5,7 @@
     <link rel="shortcut icon" href="/public/website/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>徐越的判题狗</title>
+    <link rel="stylesheet" href="/style.css">
     <script>
       this.globalThis || (this.globalThis = window)
     </script>

package-lock.json

@@ -5834,9 +5834,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.0.11",
+      "version": "5.0.12",
-      "resolved": "https://registry.npmmirror.com/vite/-/vite-5.0.11.tgz",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.0.12.tgz",
-      "integrity": "sha512-XBMnDjZcNAw/G1gEiskiM1v6yzM4GE5aMGvhWTlHAYYhxb7S3/V1s3m2LDHa8Vh6yIWYYB0iJwsEaS523c4oYA==",
+      "integrity": "sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.19.3",
@@ -5849,6 +5849,9 @@
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
       },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
       "optionalDependencies": {
         "fsevents": "~2.3.3"
       },

public/style.css

@@ -0,0 +1,4 @@
+@font-face {
+    font-family: "Monaco";
+    src: url(/Monaco.ttf);
+}

src/shared/components/CodeEditor.vue

@@ -10,7 +10,7 @@ import { isDark } from "../composables/dark"
 
 const styleTheme = EditorView.baseTheme({
   "& .cm-scroller": {
-    "font-family": "Consolas",
+    "font-family": "Monaco",
   },
   "&.cm-editor.cm-focused": {
     outline: "none",