update

index.html

@@ -5,6 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <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>

public/style.css

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

src/components/CodeEditor.vue

@@ -29,7 +29,7 @@ const code = ref(props.modelValue)
 const isDark = useDark()
 const styleTheme = EditorView.baseTheme({
   "& .cm-scroller": {
-    "font-family": "Consolas",
+    "font-family": "Monaco",
   },
   "&.cm-editor.cm-focused": {
     outline: "none",

src/icons/Play.vue

@@ -1,15 +0,0 @@
-<template>
-  <svg
-    viewBox="0 0 1024 1024"
-    focusable="false"
-    data-icon="caret-right"
-    width="18px"
-    height="18px"
-    fill="currentColor"
-    aria-hidden="true"
-  >
-    <path
-      d="M715.8 493.5L335 165.1c-14.2-12.2-35-1.2-35 18.5v656.8c0 19.7 20.8 30.7 35 18.5l380.8-328.4c10.9-9.4 10.9-27.6 0-37z"
-    ></path>
-  </svg>
-</template>