diff --git a/docs/docs/zh-CN/hooks/useClickOutside.md b/docs/docs/zh-CN/hooks/useClickOutside.md
index 12757fae..6fdfbf71 100644
--- a/docs/docs/zh-CN/hooks/useClickOutside.md
+++ b/docs/docs/zh-CN/hooks/useClickOutside.md
@@ -2,14 +2,12 @@
 :::
 
 ```html
-<div ref='dropdownRef'></div>
+<div ref="dropdownRef"></div>
 ```
 
 ```javascript
-const dropdownRef = ref<null | HTMLElement>(null)
+const dropdownRef = (ref < null) | (HTMLElement > null)
 const isClickOutside = useClickOutside(dropdownRef)
 
-watch(isClickOutside, () => {
-    
-})
-```
\ No newline at end of file
+watch(isClickOutside, () => {})
+```
diff --git a/docs/src/router/zh-CN.ts b/docs/src/router/zh-CN.ts
index 54a85d05..221accab 100644
--- a/docs/src/router/zh-CN.ts
+++ b/docs/src/router/zh-CN.ts
@@ -266,8 +266,9 @@ const zhCN = [
             component: () =>
               import('../../docs/zh-CN/hooks/useClickOutside.md'),
             meta: { title: 'useClickOutside' },
-          }
-        ]}
+          },
+        ],
+      },
     ],
   },
 ]
diff --git a/docs/src/view/hooks.vue b/docs/src/view/hooks.vue
index 72d33148..218e48b1 100644
--- a/docs/src/view/hooks.vue
+++ b/docs/src/view/hooks.vue
@@ -73,7 +73,7 @@ export default {
             title: 'useClickOutside',
             subTitle: '',
             path: '/zh-CN/hooks/useClickOutside',
-          }
+          },
         ],
       },
     ]