feat (core): 美化编辑器状态栏

Author: qianmoQ

package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.2",
+    "@codemirror/lang-cpp": "^6.0.3",
     "@codemirror/lang-go": "^6.0.1",
     "@codemirror/lang-java": "^6.0.2",
     "@codemirror/lang-javascript": "^6.2.4",

src/App.vue

@@ -15,7 +15,11 @@
       <!-- 代码编辑器 -->
       <div class="flex-1 flex flex-col overflow-hidden">
         <div class="bg-gray-100 px-4 py-2 border-b border-gray-200 flex items-center justify-between flex-shrink-0">
-          <h2 class="text-sm font-medium text-gray-700">{{ getLanguageDisplayName(currentLanguage) }} 代码编辑器</h2>
+          <div class="flex items-center space-x-3">
+            <img :src="`/icons/${currentLanguage.replace(/\d+$/, '')}.svg`" class="w-5 h-5" :alt="currentLanguage"/>
+            <h2 class="text-sm font-medium text-gray-700">{{ getLanguageDisplayName(currentLanguage) }} 代码编辑器</h2>
+          </div>
+
           <div class="flex items-center space-x-2 text-xs text-gray-500">
             <span><strong>{{ (code || '').length }}</strong> 字符</span>
             <span><strong>{{ (code || '').split('\n').length }}</strong> 行</span>

src/composables/useCodeMirrorEditor.ts

@@ -4,6 +4,7 @@ import { javascript } from '@codemirror/lang-javascript'
 import { go } from '@codemirror/lang-go'
 import { java } from '@codemirror/lang-java'
 import { rust } from '@codemirror/lang-rust'
+import { cpp } from '@codemirror/lang-cpp'
 import { shell } from '@codemirror/legacy-modes/mode/shell'
 import { swift } from '@codemirror/legacy-modes/mode/swift'
 import { kotlin, scala } from '@codemirror/legacy-modes/mode/clike'
@@ -161,6 +162,8 @@ export function useCodeMirrorEditor(props: Props)
                 return java()
             case 'rust':
                 return rust()
+            case 'c':
+                return cpp()
             case 'shell':
                 return StreamLanguage.define(shell)
             case 'swift':