diff --git a/packages/element-plus-adapter/package.json b/packages/element-plus-adapter/package.json
index 91defee0..f35f4ecf 100644
--- a/packages/element-plus-adapter/package.json
+++ b/packages/element-plus-adapter/package.json
@@ -37,6 +37,7 @@
   "peerDependencies": {
     "@tmagic/design": "workspace:*",
     "element-plus": ">=2.9.0",
+    "vue": "catalog:",
     "typescript": "catalog:"
   },
   "peerDependenciesMeta": {
diff --git a/playground/src/main.ts b/playground/src/main.ts
index 033bb49e..acc5661f 100644
--- a/playground/src/main.ts
+++ b/playground/src/main.ts
@@ -50,19 +50,19 @@ globalThis.MonacoEnvironment = {
   },
 };
 
-const adpter = sessionStorage.getItem('tmagic-playground-ui-adapter') || 'element-plus';
+const adapter = sessionStorage.getItem('tmagic-playground-ui-adapter') || 'element-plus';
 
-let adpterModule;
+let adapterModule;
 
-if (adpter === 'tdesign-vue-next') {
+if (adapter === 'tdesign-vue-next') {
   import('tdesign-vue-next/es/style/index.css');
-  adpterModule = import('@tmagic/tdesign-vue-next-adapter');
+  adapterModule = import('@tmagic/tdesign-vue-next-adapter');
 } else {
   import('element-plus/dist/index.css');
-  adpterModule = import('@tmagic/element-plus-adapter');
+  adapterModule = import('@tmagic/element-plus-adapter');
 }
 
-adpterModule.then((module: any) => {
+adapterModule.then((module: any) => {
   const app = createApp(App);
   app.use(router);
   app.use(editorPlugin, module.default);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b4efca33..87a3f7c9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -390,6 +390,9 @@ importers:
       typescript:
         specifier: 'catalog:'
         version: 5.9.3
+      vue:
+        specifier: 'catalog:'
+        version: 3.5.24(typescript@5.9.3)
 
   packages/form:
     dependencies: