fix

package-lock.json

@@ -11,7 +11,6 @@
         "@codemirror/lang-css": "^6.3.1",
         "@codemirror/lang-html": "^6.4.9",
         "@codemirror/lang-javascript": "^6.2.4",
-        "@fsegurai/codemirror-theme-github-light": "^6.2.0",
         "@vueuse/core": "^13.5.0",
         "axios": "^1.10.0",
         "codemirror": "^6.0.2",
@@ -526,18 +525,6 @@
       "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
       "license": "MIT"
     },
-    "node_modules/@fsegurai/codemirror-theme-github-light": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/@fsegurai/codemirror-theme-github-light/-/codemirror-theme-github-light-6.2.0.tgz",
-      "integrity": "sha512-k6nFCSQnGVHGVpKjPv6Fz3krjAg+3bTmMYvIB8XwEEfsmlfaqQ5BJ3SALTgaMEQl9Oyj3OCtL9ZKvDElZoa6vQ==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@codemirror/language": "^6.0.0",
-        "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
-        "@lezer/highlight": "^1.0.0"
-      }
-    },
     "node_modules/@iconify/types": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",

package.json

@@ -12,7 +12,6 @@
     "@codemirror/lang-css": "^6.3.1",
     "@codemirror/lang-html": "^6.4.9",
     "@codemirror/lang-javascript": "^6.2.4",
-    "@fsegurai/codemirror-theme-github-light": "^6.2.0",
     "@vueuse/core": "^13.5.0",
     "axios": "^1.10.0",
     "codemirror": "^6.0.2",

src/components/Editor.vue

@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import { EditorView } from "@codemirror/view"
 import { Codemirror } from "vue-codemirror"
-import { githubLight } from "@fsegurai/codemirror-theme-github-light"
 import { css } from "@codemirror/lang-css"
 import { javascript } from "@codemirror/lang-javascript"
 import { html } from "@codemirror/lang-html"
@@ -41,7 +40,7 @@ const lang = computed(() => {
   <Codemirror
     v-model="code"
     indentWithTab
-    :extensions="[styleTheme, lang, githubLight]"
+    :extensions="[styleTheme, lang]"
     :tabSize="4"
     :style="{ height: '100%', fontSize: props.fontSize + 'px' }"
   />