diff --git a/package.json b/package.json
index 1435de3..758de57 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "version": "1.0.0",
   "main": "index.js",
   "license": "MIT",
+  "type": "module",
   "scripts": {
     "docs:dev": "vitepress dev src",
     "docs:build": "vitepress build src",
@@ -11,6 +12,7 @@
   },
   "dependencies": {
     "element-next": "^1.50.0",
+     "vue": "^3.4.21",
     "element-plus": "npm:@lhrdc/element-plus@2.7.6-stable.1"
   },
   "devDependencies": {
@@ -20,8 +22,8 @@
     "prettier": "^3.3.3",
     "vitepress": "1.3.1",
     "vitepress-plugin-mermaid": "^2.0.16",
-    "vitepress-theme-demoblock": "^3.0.7",
-    "vue": "^3.4.21"
+    "vitepress-theme-demoblock": "^3.0.7"
+
   },
   "engines": {
     "node": ">=18.0.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c8a781b..e484afa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ dependencies:
   element-plus:
     specifier: npm:@lhrdc/element-plus@2.7.6-stable.1
     version: /@lhrdc/element-plus@2.7.6-stable.1(vue@3.4.34)
+  vue:
+    specifier: ^3.4.21
+    version: 3.4.34
 
 devDependencies:
   '@types/node':
@@ -34,9 +37,6 @@ devDependencies:
   vitepress-theme-demoblock:
     specifier: ^3.0.7
     version: 3.0.7(@algolia/client-search@4.24.0)(@types/node@20.14.12)(search-insights@2.15.0)
-  vue:
-    specifier: ^3.4.21
-    version: 3.4.34
 
 packages:
 
diff --git a/src/.vitepress/config.mts b/src/.vitepress/config.mts
index 1457b0d..89f8db3 100644
--- a/src/.vitepress/config.mts
+++ b/src/.vitepress/config.mts
@@ -114,6 +114,9 @@ export default defineConfig({
     }
   },
   vite: {
+      ssr: {
+        noExternal: ["element-next"],
+      },
     plugins: [demoblockVitePlugin()]
   },
   markdown: {
diff --git a/src/.vitepress/theme/index.ts b/src/.vitepress/theme/index.ts
index bac14cc..31db33f 100644
--- a/src/.vitepress/theme/index.ts
+++ b/src/.vitepress/theme/index.ts
@@ -1,17 +1,16 @@
 // https://vitepress.dev/guide/custom-theme
 import { h } from 'vue'
-import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import './style.css'
 import 'vitepress-theme-demoblock/dist/theme/styles/index.css'
 import { useComponents } from './useComponents'
 
 import ElementPlus from 'element-plus'
-import ElementNext from 'element-next'
+import ElementNext  from 'element-next'
 import 'element-plus/dist/index.css'
 import 'element-next/lib/styles/index.css'
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
-import { zhCn as nextZhcn } from 'element-next/lib/lang/index';
+import nextZhcn  from  'element-next/lib/lang/zh-cn'
 
 export default {
   extends: DefaultTheme,
@@ -26,4 +25,4 @@ export default {
     ctx.app.use(ElementPlus, {locale: {...nextZhcn, ...zhCn}})
     ctx.app.use(ElementNext )
   }
-} satisfies Theme
+}
diff --git a/src/web/components/description.md b/src/web/components/description.md
index 9ec3bc4..5ec4071 100644
--- a/src/web/components/description.md
+++ b/src/web/components/description.md
@@ -34,10 +34,8 @@ meta:
   </div>
 </template>
 
-<script>
+<script setup>
 import { h } from 'vue'
-export default {
-  setup() {
     const mockData = {
       username: 'test',
       nickName: 'testNick',
@@ -156,18 +154,11 @@ export default {
         ],
       },
     ]
-    return {
-      mockData,
-      schema,
-    }
-  },
-}
 </script>
 <style>
 .decoration-dome {
   padding: 16px;
   width: 100%;
-  // background-color: var(--el-bg-color-page);
 }
 .decoration-dome .w-120 {
   width: 120px !important;