diff --git a/tonecn/components.d.ts b/tonecn/components.d.ts
index 71abcf4..432f4bf 100644
--- a/tonecn/components.d.ts
+++ b/tonecn/components.d.ts
@@ -17,6 +17,9 @@ declare module 'vue' {
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
     ElEmpty: typeof import('element-plus/es')['ElEmpty']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
diff --git a/tonecn/package.json b/tonecn/package.json
index 878c434..2352960 100644
--- a/tonecn/package.json
+++ b/tonecn/package.json
@@ -12,13 +12,15 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
+    "ace-builds": "^1.36.2",
     "axios": "^1.6.8",
     "highlight.js": "^11.10.0",
     "marked": "^14.1.0",
     "marked-highlight": "^2.1.4",
     "md5": "^2.3.0",
     "vue": "^3.4.21",
-    "vue-router": "^4.3.0"
+    "vue-router": "^4.3.0",
+    "vue3-ace-editor": "^2.2.4"
   },
   "devDependencies": {
     "@tsconfig/node20": "^20.1.4",